CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Shopping Layout Sample Design
Author:-Takane Ichinose
Made with:-HTML CSS JS

Title:- News Cards – CSS only
Author:- Aleksandar Cugurovic
Made with:-HTML CSS JS

Title:- Folding Cards Animation
Author:-Dan Benmore
Made with:-HTML CSS JS

Title:- Card Animation
Author:-Lam Chang
Made with:-HTML CSS JS

Title:- Color Palette Trading Cards
Author:-Mike Mangialardi
Made with:-HTML CSS JS

Title:- Mini Profile
Author:-summer
Made with:-HTML CSS JS

Title:- Animated Weather Cards
Author:- Steve Gardner
Made with:-HTML CSS JS

Title:- Tailwindcss Card Demo
Author:-Russ Pate
Made with:-HTML CSS JS

Title:- Material Cards
Author:-ZhangZhuo
Made with:-HTML CSS JS

Title:- Pokemon Figures
Author:-Clara Beyer
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

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

40 Best CSS Neumorphism Example to Downlaod
Byfrontend October 18, 2023October 18, 2023

See the Pen css Neumorphism design practice 02 by CMYK350dpi (@AYV) on CodePen. Title:- css Neumorphism design practice 02Author:- CMYK350dpiMade With:- CSS HTML JS See the Pen Neumorphism Working Analog Clock by Muhammad Fadzrin Madu (@fadzrinmadu) on CodePen. Title:- Neumorphism Working Analog ClockAuthor:- Muhammad Fadzrin MaduMade With:- CSS HTML JS See the Pen Neumorphism “buttons”…

Read More 40 Best CSS Neumorphism Example to Downlaod
CSS

10+ jQuery parallax codepen example
Byfrontend October 18, 2023October 18, 2023

HOVER ME

Read More 10+ jQuery parallax codepen example
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

10+ Responsive CSS Testimonial Designs with CSS & HTML (Free Code)
Byfrontend February 25, 2024December 30, 2024

Take your testimonials to the next level! Find 10+ inspiring responsive CSS Testimonial Example, free code examples, and design strategies to attract and convert visitors. 1. #1390 – Testimonial Card by LittleSnippets.net See the Pen #1390 – Testimonial Card bylittlesnippets(@littlesnippets) on CodePen. Author: LittleSnippets.net Links: Source Code / DemoMade with: HTML CSS 2. Testimonials Grid…

Read More 10+ Responsive CSS Testimonial Designs with CSS & HTML (Free Code)
CSS

35+ Responsive CSS Flowcharts Example
Byfrontend March 3, 2024March 3, 2024

Explore a collection of 25+ eye-catching Responsive CSS flowcharts with free code and live demos. Easily visualize processes and enhance your website’s user experience with these customizable flowcharts. 1. CSS Grid Responsive Flowchart by Chris Droom See the Pen CSS Grid Responsive Flowchart bydroom(@droom) on CodePen. Author: Chris Droom Links: Source Code / DemoMade with:…

Read More 35+ Responsive CSS Flowcharts Example