CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Expanding card page transition effect
Author:- Rachel Smith
Made with:-HTML CSS JS

Title:- Card Hover Interaction
Author:-Kalyan Lahkar
Made with:-HTML CSS JS

Title:- Aspect Ratio CTA
Author:-Michelle Barker
Made with:-HTML CSS JS

Title:- UI: Gradient Banner Cards
Author:-Eric Mahoney
Made with:-HTML CSS JS

Title:- UI Cards
Author:-Curtis Lee
Made with:-HTML CSS JS

Title:- Cards
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Hover Cards POC v2
Author:-Jhey
Made with:-HTML CSS JS

Title:- Card with Gradient Border and Background
Author:-Aditya Tiwari
Made with:-HTML CSS JS

Title:- Testimonials Sample 1
Author:-Meghan Marth
Made with:-HTML CSS JS

Title:- Fancy 3D Flip Card
Author:-Travis Williamson
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

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

New CSS Page Transition Effects: 30+ Cool Ideas and Code Examples
Byfrontend October 18, 2023October 18, 2023

some inspiration for your next CSS page transition? Check out this collection of 30+ cool and creative CSS page transition effects, complete with code examples. See the Pen Responsive Bodymovin Modal / Page Transition by sandstedt (@sandstedt) on CodePen. Title:- Responsive Bodymovin Modal / Page Transition Author:-Jonas Sandstedt Made with:-HTML CSS JS See the Pen…

Read More New CSS Page Transition Effects: 30+ Cool Ideas and Code Examples
CSS

30+ CSS Circle menu example (updated)
Byfrontend February 18, 2024February 18, 2024

Boost user engagement and conversion with these 30+ eye-catching CSS circle menus! Find the perfect design, learn the code, and enhance your website’s usability. 1. Radial / Circular Menu Concept by Glenn McComb See the Pen Radial / Circular Menu Concept bylenymo(@lenymo) on CodePen. Author: Glenn McComb Links: Source Code / DemoMade with: HTML CSS…

Read More 30+ CSS Circle menu example (updated)
CSS

Get Inspired with 30+ CSS Motion Path Examples
Byfrontend October 18, 2023October 18, 2023

Here is a list of 30+ CSS motion path examples that demonstrate how to use the CSS motion-path property to animate an element along a custom path: See the Pen Stay cool w/ responsive motion-path 😎 by Jhey (@jh3y) on CodePen. Title:- Stay cool w/ responsive motion-path ??Author:- JheyMade with:- CSS HTML JS See the…

Read More Get Inspired with 30+ CSS Motion Path Examples
CSS

35+ stunning css paper effect examples for your next design project
Byfrontend October 18, 2023October 18, 2023

Take your design projects to the next level with 40+ stunning css paper effect examples! From vintage to modern, discover the versatility and beauty of this technique today Title:-#codepenchallenge Paperboy Author:-Liam Made with:- HTML CSS JS Title:-Editable College Ruled Paper Author:-Preston Farr Made with:- HTML CSS JS Title:-Letter opening Author:-Paul Made with:- HTML CSS JS…

Read More 35+ stunning css paper effect examples for your next design project
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