CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Glass Card
Author:-Marcello Lopes
Made with:-HTML CSS JS

Title:- Payment Card Swipage
Author:- Jamie Coulter
Made with:-HTML CSS JS

Title:- La Saveur: French Menu Cards
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Marvel Corner Box Art
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Daily UI #006 User Profile
Author:- Tobias
Made with:-HTML CSS JS

Title:- 3D Perspective Cards with Depth
Author:-Fernando Cohen
Made with:-HTML CSS JS

Title:- Cards – Codepen Assets
Author:-Sowmya Seshadri
Made with:-HTML CSS JS

Title:- 2021 Card
Author:-Pieter Biesemans
Made with:-HTML CSS JS

Title:- Flexy Product Cards
Author:- Jack Thomson
Made with:-HTML CSS JS

Title:- #030 – Profile Card Design
Author:-Florin Pop
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

100+ CSS Navigation Bar Example with HTML Code With CSS
Byfrontend October 18, 2023February 14, 2024

Looking for inspiration for your next CSS navigation bar design? Check out these 100+ amazing CSS Navigation Bar Example, all of which are free and open source. From simple and elegant to complex and interactive, there’s a CSS navigation bar design for everyone on this list. RELATED ARTICLES 1. Navbar UI Interaction by Muhammed Erdem…

Read More 100+ CSS Navigation Bar Example with HTML Code With CSS
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

15+ CSS Glowing Button With Animated Text
Byfrontend October 18, 2023July 10, 2024

CSS Glowing Buttons with Animated Text is a great way to add some interactivity to your web page or blog. By using a little CSS and JavaScript, you can create buttons that glow when the user hovers over them, and that animate the button’s text when clicked. To create a CSS Glowing Button With Animated…

Read More 15+ CSS Glowing Button With Animated Text
CSS

50+ Modern CSS Footer: The Ultimate Collection for 2024
Byfrontend February 3, 2024February 3, 2024

Find the perfect modern CSS footer for your website from our curated selection of 50+ stunning and responsive examples 1. Free Tailwind CSS Footers Component by Harris# See the Pen Free Tailwind CSS Footers Component byHarishash(@Harishash) on CodePen. Author: Harris# Links: Source Code / DemoMade with: HTML CSS 2. Autoupdating Current Year by David See…

Read More 50+ Modern CSS Footer: The Ultimate Collection for 2024
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

80+ CSS Button Hover Effects for Developers
Byfrontend October 18, 2023October 18, 2023

Learn how to create stunning and engaging CSS button hover effects with this collection of 80 tutorials and examples. Perfect for developers of all skill levels. See the Pen Animated Buttons by althi (@althi) on CodePen. Title:- Animated Buttons Author:-Thiago Marques Made with:-HTML CSS JS See the Pen Gradient Hover Animated Button by mars2601 (@mars2601)…

Read More 80+ CSS Button Hover Effects for Developers