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

React Calendar Examples: 10+ Fun & Free Code Snippets
Byfrontend October 18, 2023October 18, 2023

React Calendar Examples In this post, we are going to discuss 10 of the most popular examples of React Calendar. These examples will help you understand how to use react-calendar in your own projects. See the Pen react-calendar-timeline demo by Marius Andra (@mariusandra) on CodePen. Title:- react-calendar-timeline demoAuthor:- Marius AndraMade With:- REACT See the Pen…

Read More React Calendar Examples: 10+ Fun & Free Code Snippets
CSS

20+ CSS Accordion Menus | Download Free Code
Byfrontend February 23, 2024February 23, 2024

20+ CSS accordion menus. No JavaScript required! Find the perfect fit for your project, from basic to advanced, and enjoy responsive design across devices. Download free code & start building today! 1. Accordion Menu Using Only HTML & CSS by Okba Design See the Pen Accordion Menu Using Only HTML & CSS byOkba-Design(@Okba-Design) on CodePen….

Read More 20+ CSS Accordion Menus | Download Free Code
CSS

100+ Stunning CSS Illustration Examples
Byfrontend March 3, 2024December 30, 2024

Explore a collection of over 50 creative and unique CSS illustration examples. Get inspired and learn how to create your own illustrations using code! 1. Ball in Window by Jon Kantner See the Pen Ball in Window byjkantner(@jkantner) on CodePen. Author: Jon Kantner Links: Source Code / DemoMade with: HTML CSS 2. Jazzfmro CSS Illustration…

Read More 100+ Stunning CSS Illustration Examples
CSS

CSS Ripple Effect: 20 Best Practices for Creating Effective and Engaging Buttons
Byfrontend October 18, 2023October 18, 2023

Learn the 20 best practices for creating effective and engaging buttons with the CSS ripple effect. This guide will help you create buttons that are both visually appealing and easy to use. See the Pen Jquery Water Ripple Effect by divinector (@divinector) on CodePen. Title:- Jquery Water Ripple Effect Author:-Divinector Made with:-HTML CSS JS See…

Read More CSS Ripple Effect: 20 Best Practices for Creating Effective and Engaging Buttons
CSS

65+ Excellent CSS Image Galleries to Get Inspired From
Byfrontend October 18, 2023October 18, 2023

CSS Image Galleries are a great way to create attractive modern photo galleries. Using CSS, you can create galleries that run smoothly on any device See the Pen animated Mini Photo Gallery by Alvaro Montoro (@alvaromontoro) on CodePen. Title:- animated Mini Photo GalleryAuthor:- Alvaro MontoroMade with:- CSS HTML JS See the Pen accordion gallery zoom…

Read More 65+ Excellent CSS Image Galleries to Get Inspired From
CSS

50+ CSS Checkout Forms to Inspire You (2024 Update)
Byfrontend May 5, 2024December 30, 2024

Explore 50+ creative & functional CSS checkout forms to inspire your next design. Get coding now! 1. Checkout CSS Form/Page by Theresa See the Pen Checkout CSS Form/Page bytheresa-e(@theresa-e) on CodePen. Author: Theresa Links: Source Code / DemoMade with: HTML CSS 2. UI Credit Card Checkout by Daniela Andersson Waara See the Pen UI Credit…

Read More 50+ CSS Checkout Forms to Inspire You (2024 Update)