CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Pure CSS Card UI
Author:-Adam Kuhn
Made with:-HTML CSS JS

Title:- Card Reflect Hover
Author:-BEN ABBESS
Made with:-HTML CSS JS

Title:- HTML CSS Product Card UI Design
Author:-Md Shifut Hossain
Made with:-HTML CSS JS

Title:- CSS-only Slide-up Caption Hover Effect
Author:-Mojtaba Seyedi
Made with:-HTML CSS JS

Title:- Spread – Messaging App
Author:- Mahmoud Aslan
Made with:-HTML CSS JS

Title:- 3D Card
Author:-Gayane Gasparyan
Made with:-HTML CSS JS

Title:- Parallax Flipping Cards
Author:- Nicolas Pavlotsky
Made with:-HTML CSS JS

Title:- Horizontal Scroll Cards
Author:- Ryan Mulligan
Made with:-HTML CSS JS

Title:- Card Hover Effect | SASS | Cubic Bezier
Author:-Kaio Almeida
Made with:-HTML CSS JS

Title:- Hearthstone Style Card Hover
Author:- Jack Rugile
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

50+ CSS Horizontal Navigation Bar Examples
Byfrontend February 14, 2024February 14, 2024

Get inspired by 50+ Best CSS horizontal navigation bar examples. From sleek minimalism to dynamic animations, find the style that matches your website’s personality. RELATED ARTICLES 1. Animated Underline Hover by Justin See the Pen Animated Underline Hover byjstn(@jstn) on CodePen. Author: Justin Links: Source Code / DemoMade with: HTML CSS js 2. #1217 –…

Read More 50+ CSS Horizontal Navigation Bar 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

CSS Blob Effects: 30+ Creative Ways to Use Blobs in Your Designs
Byfrontend October 18, 2023October 18, 2023

This collection of 24 CSS blob effects includes a variety of techniques, from simple to complex, that you can use to create unique and eye-catching designs. See the Pen CSS-only Blob Animation by marcossilva (@marcossilva) on CodePen. Title:- CSS-only Blob Animation Author:-Marcos Silva Made with:-HTML CSS See the Pen Blob Animation And Glassmorphism with CSS…

Read More CSS Blob Effects: 30+ Creative Ways to Use Blobs in Your Designs
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
CSS

20+ Examples Of Great Tab Bar Menu Animations (For Your Inspiration)
Byfrontend October 18, 2023October 18, 2023

See the Pen mobile navigation concept by Tobias Glaus (@tobiasglaus) on CodePen. Title:- mobile navigation conceptAuthor:- Tobias GlausMade With:- HTML CSS JAVASCRIPT See the Pen Fancy tab bar active animation by Aaron Iker (@aaroniker) on CodePen. Title:- Fancy tab bar active animationAuthor:- Aaron IkerMade With:- HTML CSS JAVASCRIPT See the Pen Tab bar active animation…

Read More 20+ Examples Of Great Tab Bar Menu Animations (For Your Inspiration)
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