A set of 3D Effects made with CSS to be added into any website. They're nicely designed and lightweight.
freebies
A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and t...
A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and the On-click action is created via TypeScript. Designed by CodePen user Steve Gardner.
This is a Parallax 3D effect, achieved by an arrange of images in HTML and pure CSS, using transforms and keyframe animations on the images. Create...
This is a Parallax 3D effect, achieved by an arrange of images in HTML and pure CSS, using transforms and keyframe animations on the images. Created by CodePen user Samuelllr.
This is a pure CSS 3D image effect that showcases hidden planes that are going to be shown 1 by 1 when hovering over an image in a gallery. It esse...
This is a pure CSS 3D image effect that showcases hidden planes that are going to be shown 1 by 1 when hovering over an image in a gallery. It essentially flips the planes with a smooth motion, one after another with an arranged delay, and on mouseOut, it just transits backward. Created by CodePen user ycw.
Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy
Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy
A set of card elements that flip with a 3D effect when you hover over them. The cards are conveniently structured with PUG and the 3D flip effect i...
A set of card elements that flip with a 3D effect when you hover over them. The cards are conveniently structured with PUG and the 3D flip effect is achieved through CSS compiled with SASS. Created by CodePen user Charles Ojukwu.
A 3D isometric element that transforms into a flat element when on hover. It is perfect for showcasing images, cards and in general any element wit...
A 3D isometric element that transforms into a flat element when on hover. It is perfect for showcasing images, cards and in general any element with a flat structure. It uses SCSS as a precompiler but it's pure CSS in the essence that doesn't use any JS flavor. Created by CodePen user Eduardo Bouças.
This is an eCommerce grid layout used to showcase footwear and apparel. It has box elements styled and animated with CSS and jQuery working as a lo...
This is an eCommerce grid layout used to showcase footwear and apparel. It has box elements styled and animated with CSS and jQuery working as a looper for making an infinite tiled grid; all with a beautiful color palette that helps to keep the attention in the merch. Created by CodePen user Andy Barefoot.
Lifetime Access to Timelinr: High-Level Roadmaps, Timelines, & Kanban Boards, Take Your Planning & Task Coordination To The Next Level With This Aw...
Lifetime Access to Timelinr: High-Level Roadmaps, Timelines, & Kanban Boards, Take Your Planning & Task Coordination To The Next Level With This Awesome App For Just $37/Single User & $49/For 2 Users! (97% Off)
4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touc...
4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touch that gives them a feeling of deepness and spatial location, perfectly encompassed with the smooth motion generated when on-hover. Created by CodePen user Andreas Storm.
A set of UI cards made mainly with CSS with a highly interactive 3D effect. The cards have a VR inspired layout and are direction aware when on hov...
A set of UI cards made mainly with CSS with a highly interactive 3D effect. The cards have a VR inspired layout and are direction aware when on hover. Created by CodePen user Piotr Galor.
This CSS effect emulates in your display the shape and movement of a lifted paper that it's pushed when on hover. Created by Codepen user Bastian A...
This CSS effect emulates in your display the shape and movement of a lifted paper that it's pushed when on hover. Created by Codepen user Bastian Andre making use of Sass.
Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and ...
Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and web apps from 16 awesome products for Sketch & Photoshop at a crazy 95% off. This bundle includes $667 worth of goodies which for a limited time you can get for just $29
A snippet made in CSS for a magazine flip-open preview animation. Created by Codepen user Jamie Coulter.
A snippet made in CSS for a magazine flip-open preview animation. Created by Codepen user Jamie Coulter.
Codepen user Mandy Michael created this stunning paper text folding effect, making it look like the text is folding off the page. This pen was made...
Codepen user Mandy Michael created this stunning paper text folding effect, making it look like the text is folding off the page. This pen was made using clip-path and pseudo-elements with text effects. Not supported in IE, or Firefox.
A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follow it, tilting th...
A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follow it, tilting the image as you move the pointer through. Desktop only!
2880+ Vector Ornamental Drop Cap Lettering Designs, Foil Effects, Paper Textures & Mockups Included.
2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...
2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)
A really nice CSS snippet to create a 3D login form, a great 3D effect ready to use in your next project.
A really nice CSS snippet to create a 3D login form, a great 3D effect ready to use in your next project.
A really nice experiment to simulate a bezier mesh projection with pure code, grid interaction is fastest in Chrome.
A really nice experiment to simulate a bezier mesh projection with pure code, grid interaction is fastest in Chrome.
A nice presentation effect which shows photos as 3D slides, it takes photos randomly from Unsplash, however, you can add the source you want.
A nice presentation effect which shows photos as 3D slides, it takes photos randomly from Unsplash, however, you can add the source you want.
600+ Isolated Objects, PSD Files with Smart Objects, Transparent Backgrounds & Shadows, Organized Layer Structure + Scene Creator, Only 10$! (91% Off)
600+ Isolated Objects, PSD Files with Smart Objects, Transparent Backgrounds & Shadows, Organized Layer Structure + Scene Creator, Only 10$! (91% Off)
A cool particle effect made with pure CSS. This simple snippet can help your website give a little realism to it, without affecting the page load. ...
A cool particle effect made with pure CSS. This simple snippet can help your website give a little realism to it, without affecting the page load. You can alter the direction, size, speed and color of the particles.
A tilt effect that's achieved using only CSS. This effect is becoming popular fo web applications and apps rapidly and it's usually achieved using ...
A tilt effect that's achieved using only CSS. This effect is becoming popular fo web applications and apps rapidly and it's usually achieved using jQuery or JavaScript. However, this version does not require any of them, making the page load time decrease considerably.
A code snippet with a set of interactive floating panels that look and behave like sheets of paper when you hover over them. The snippet was made u...
A code snippet with a set of interactive floating panels that look and behave like sheets of paper when you hover over them. The snippet was made using JavaScript and CSS.
31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...
31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)
A cool effect for a set of cards with a flipping hover effect achieved using pure CSS. It can be used in different elements like sliders and pricin...
A cool effect for a set of cards with a flipping hover effect achieved using pure CSS. It can be used in different elements like sliders and pricing tables, giving them a better look.
A really cool, yet creepy, code experiment made with CSS and JavaScript that consists of a set of mirrors and other elements within a room in a 3D ...
A really cool, yet creepy, code experiment made with CSS and JavaScript that consists of a set of mirrors and other elements within a room in a 3D and realistic style. The code renders surprisingly fast and its movement is smooth.
A CSS and JavaScript snippet that shows an image transition with exploding particles that looks like a 3D effect. It can be used in a website or a ...
A CSS and JavaScript snippet that shows an image transition with exploding particles that looks like a 3D effect. It can be used in a website or a mobile app, is lightweight and does not affect the page load.
40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick desi...
40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick designs with tons of mojo, only 19$ (93% Off)
The Background Segment Effect is an animation done with the CSS clip-path property and powered by anime.js. The effect replicates boxes from a back...
The Background Segment Effect is an animation done with the CSS clip-path property and powered by anime.js. The effect replicates boxes from a background and makes these boxes move in perspective towards the viewer.
This a CSS 3D effect for text, it wraps the text with an animation around a box. It has the option to customize the color, font family, shadows and...
This a CSS 3D effect for text, it wraps the text with an animation around a box. It has the option to customize the color, font family, shadows and the speed at which the text moves.
A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it in...
A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it includes the option to try the demos included in the page.
An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of template...
An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of templates and branding items. Only $19. Limited time offer, time is running out!
A white, 3D bar graphs on a fuchsia background for showing analytical data about your website or blog, created with pure CSS. For a quick assessmen...
A white, 3D bar graphs on a fuchsia background for showing analytical data about your website or blog, created with pure CSS. For a quick assessment, switch among different categories on the navigation bar and check how it moves.