CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Animated Card Flip
Author:- Ana Travas
Made with:-HTML CSS JS

Title:- Cool Card Hover Effect
Author:-Sardorbek Usmonov
Made with:-HTML CSS JS

Title:- CSS Profile Card
Author:-Russ Perry
Made with:-HTML CSS JS

Title:- Steam Inspired Game Card Hover Effect
Author:-Andrew Hawkes
Made with:-HTML CSS JS

Title:- Nuemorphism Card Design
Author:-Savio Martin
Made with:-HTML CSS JS

Title:- Responsive Skewed ECommerce CSS Grid
Author:-Andy Barefoot
Made with:-HTML CSS JS

Title:- Sticky Cards
Author:-Chris Coyier
Made with:-HTML CSS JS

Title:- UI – Flip Card (using :focus-within For A11y)
Author:-Abubaker Saeed
Made with:-HTML CSS JS

Title:- CSS Hover Card 🛒
Author:-Sowmya Seshadri
Made with:-HTML CSS JS

Title:- Card
Author:-HJB
Made with:-HTML CSS JS

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

CSS

100+ CSS Toggle Switches (Updated)
Byfrontend February 13, 2021December 30, 2024

From simple on/off toggles to sleek animated designs, discover 100+ CSS toggle switches to elevate your projects. 1. 3D Toggle by Ana Tudor See the Pen 3D Toggle bythebabydino(@thebabydino) on CodePen. Author: Ana Tudor Links: Source Code / DemoMade with: HTML CSS 2. CSS Toggle Switch by Jeroen van der Tuin See the Pen CSS…

Read More 100+ CSS Toggle Switches (Updated)
CSS

50+ New CSS Magazine Layouts(Free Download)
Byfrontend October 18, 2023March 24, 2024

Take your magazine website to the next level with these incredible CSS layouts. Find free, responsive designs that are easy to implement. See the Pen Responsive CSS Grid Magazine Layout – 1 byJasonDuquain(@JasonDuquain) on CodePen. Author: Jason Duquain Links: Source Code / DemoMade with: HTML CSS 2. Arcade Life: Magazine Layout by John Paul Zoleta…

Read More 50+ New CSS Magazine Layouts(Free Download)
CSS

The Best 40+ CSS SELECT BOX
Byfrontend October 18, 2023October 18, 2023

See the Pen Custom Select Box With Custom Scroll by FrankieDoodie (@FrankieDoodie) on CodePen. Title:- Custom Select Box With Custom Scroll Author:-Dejan Babić Made with:-HTML CSS See the Pen Custom Select Box JQuery Plugin By VJ by vulchivijay (@vulchivijay) on CodePen. Title:- Custom Select Box JQuery Plugin By VJ Author:-Vijaya Kumar Vulchi Made with:-HTML CSS…

Read More The Best 40+ CSS SELECT BOX
CSS

20+ Examples of How to Create a Stunning 3D Slider Effect
Byfrontend October 18, 2023October 18, 2023

Are you looking for a way to add a 3D slider animation to your website? Well, here is a list of 20+ examples of how to create a stunning 3D slider Effect. Title:- 3D Cube slider. Pure CSS. Author:- Ilya K. Made with:- HTML CSS JS Title:- Simple 3D Slider(jQuery) Author:- GlitchWorker Made with:- HTML…

Read More 20+ Examples of How to Create a Stunning 3D Slider Effect
CSS

45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
Byfrontend October 18, 2023October 18, 2023

Want to learn how to create your own CSS text glitch effects? Check out these 45 CSS text glitch effects from CodePen! These effects are easy to follow and can help you learn the basics of CSS animation and clip-path properties. See the Pen Glitch Hover Effect CSS by kkhenriquez (@kkhenriquez) on CodePen. Title:- Glitch…

Read More 45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
CSS

Best 30+ Pure CSS Forms
Byfrontend October 18, 2023May 5, 2024

CSS Grid: Style Guide II Author Olivia Ng Made With HTML(PUG),CSS(SCSS),JS Demo Check Out Demo Links Download Sign In / Sign Up Slider Form Author Chantal Made With HTML,CSS,JS Demo Check Out Demo Links Download Animated Form Author Maxim Konoval Made With HTML,CSS,JS Demo Check Out Demo Links Download Building Responsive Forms With Flexbox Author…

Read More Best 30+ Pure CSS Forms