CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Profile Card
Author:-znapci
Made with:-HTML CSS JS

Title:- CSS Glassmorphism Card Hover Effects
Author:-Luisoms
Made with:-HTML CSS JS

Title:- Polaroid Memories – CSS Only
Author:-Nico
Made with:-HTML CSS JS

Title:- Swipeable Cards nightly
Author:- Ionic
Made with:-HTML CSS JS

Title:- CSS-Only Gooey Content Toggle
Author:-@keyframers
Made with:-HTML CSS JS

Title:- Business Card
Author:-Rick
Made with:-HTML CSS JS

Title:- Isometric Card Grid
Author:- Jon Kantner
Made with:-HTML CSS JS

Title:- 3D Fold out reveal
Author:- Andrew Canham
Made with:-HTML CSS JS

Title:- Blog Card Grid
Author:-Hannah
Made with:-HTML CSS JS

Title:- Flipping Card Effect
Author:-Kniw Studio
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

35+ New CSS Mobile Navigation Menu Example
Byfrontend February 15, 2024February 15, 2024

your mobile audience with exceptional UX! Explore 40+ inspiring CSS mobile navigation menu designs built with pure CSS, offering smooth interaction, clear hierarchy, and unique styles. 1. Hamburger by Mikael Ainalem See the Pen Hamburger byainalem(@ainalem) on CodePen. Author: Mikael Ainalem Links: Source Code / DemoMade with: HTML CSS js 2. Tilt to Make Room…

Read More 35+ New CSS Mobile Navigation Menu Example
CSS

30+ Free HTML CSS Music Players Fee Code (Updated)
Byfrontend October 18, 2023February 25, 2024

the power of open-source! Explore free HTML & CSS music players, offering flexibility and customization options, perfect for learning and adapting to your web design needs. 1. Audio Player HTML5 by Rofida Abd Elrahman See the Pen Audio Player HTML5 byRoro-decode(@Roro-decode) on CodePen. Author: Rofida Abd Elrahman Links: Source Code / DemoMade with: HTML CSS…

Read More 30+ Free HTML CSS Music Players Fee Code (Updated)
CSS

50 Beautiful CSS3 Screen Loader Animations(Download Code Included)
Byfrontend October 18, 2023October 18, 2023

CSS Screen loader animation is a technique used to create a smooth transition for the web pages when it is loading. In this article, we will discuss about some of the best CSS loading animations examples that you can use in your website. Redirecting CSS Loader An animated illustration made with code_This animation is part…

Read More 50 Beautiful CSS3 Screen Loader Animations(Download Code Included)
CSS

30+ Responsive CSS Hamburger Menu Example
Byfrontend October 18, 2023February 20, 2024

Browse a collection of responsive CSS hamburger menu designs that are perfect for mobile-friendly web development and smooth navigation. updated examples showcase the latest trends in web design. Title:- Flippin’ burgersAuthor:- Mikael AinalemMade With:- HTML CSS Title:-Morphing Hamburger Menu with CSSAuthor:- lmgonzalvesMade With:- HTML CSS Title:-CSS Menu Icon Animation: Know Your MenuAuthor:- Olivia NgMade With:-…

Read More 30+ Responsive CSS Hamburger Menu Example
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
CSS

25+ Full-Screen Menu Ideas Made Easy with CSS
Byfrontend February 18, 2024February 19, 2024

Simplify your design journey with 20+ easy-to-use, ready-to-apply full-screen menu solutions using CSS. Achieve stunning visuals and impactful navigations. 1. CSS Navigation by Ryan Mulligan See the Pen CSS Navigation byhexagoncircle(@hexagoncircle) on CodePen. Author: Ryan Mulligan Links: Source Code / DemoMade with: HTML CSS js 2. Simple Full Screen Menu by kiran raj r See…

Read More 25+ Full-Screen Menu Ideas Made Easy with CSS