CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Fairly Colourful Profile Card
Author:-Takane Ichinose
Made with:-HTML CSS JS

Title:- Geometric Business Card With CSS Grid
Author:-Liz Wendling
Made with:-HTML CSS JS

Title:- Card Animation
Author:-Makaveli
Made with:-HTML CSS JS

Title:- Tile Hover Multi-Button
Author:-Zed Dash
Made with:-HTML CSS JS

Title:- CSS Creative Card Hover Effects
Author:-mrnobody
Made with:-HTML CSS JS

Title:- Movie Card Concept
Author:-Josh
Made with:-HTML CSS JS

Title:- Circle Animated Cards
Author:-konradstepien
Made with:-HTML CSS JS

Title:- Expand/collapse Cards With Figure Cut Text
Author:-Mikael Ainalem
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

Top 20+ Animated Confetti Backgrounds from CodePen
Byfrontend October 18, 2023October 20, 2023

Top 20+ animated confetti backgrounds! With a variety of colors, styles, and effects to choose from, you’re sure to find the perfect one for your next project. RELATED ARTICLES See the Pen CSS Variables – Pitchfork Artist Profile Concept by Mauricio Palma (@palmaswell) on CodePen. Title:- CSS Variables – Pitchfork Artist Profile ConceptAuthor:- Mauricio PalmaMade…

Read More Top 20+ Animated Confetti Backgrounds from CodePen
CSS

50+ Best CSS Gradients For Your Inspiration
Byfrontend October 18, 2023October 18, 2023

In this article, we’ll showcase 50+ of the best CSS gradient examples to inspire your next project Title:- Gradient Ghost ButtonsAuthor:- AlexMade With:- HTML CSS JS Title:- Candy Color Button AnimationAuthor:- YuhomyanMade With:- HTML CSS JS Title:- React Color GradientsAuthor:- Marco BiedermannMade With:- HTML CSS JS Title:- Animated Back GlowAuthor:- George HastingsMade With:- HTML CSS…

Read More 50+ Best CSS Gradients For Your Inspiration
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

Explore 50+ Interactive CSS Carousel CodePen Demos
Byfrontend March 5, 2024December 30, 2024

Build beautiful and responsive carousels for free! Explore 50+ ready-to-use CSS carousel templates and customize them to match your brand and project requirements. 1. Expand Image by Kristen See the Pen Expand Image bykristen17(@kristen17) on CodePen. Author: Kristen Links: Source Code / DemoMade with: HTML CSS 2. CSS Carousel by Will See the Pen CSS…

Read More Explore 50+ Interactive CSS Carousel CodePen Demos
CSS

30+ Stunning CSS Tabs Examples (Code Included)
Byfrontend January 5, 2021December 30, 2024

30+ creative CSS tabs designs. Discover unique styles, animation effects, and code snippets to inspire your next website project. 1. Pure CSS HTML Tabs by Wallace Erick See the Pen Pure CSS HTML Tabs bywallaceerick(@wallaceerick) on CodePen. Author: Wallace Erick Links: Source Code / DemoMade with: HTML CSS 2. Material Design CSS Only Tabs by…

Read More 30+ Stunning CSS Tabs Examples (Code Included)
CSS

30+ Best Bootstrap Carousel Examples For Inspiring Design
Byfrontend October 18, 2023October 18, 2023

Are you looking for the best bootstrap carousel examples? Well, you’ve come to the right place. Here’s a list of 30+ best examples that I found on the codepen Related Article 1.Bootstrap icons 2.Bootstrap Date picker 3.Bootstrap Carousel If you’re looking for a way to display multiple items on your website, then you’ve come to…

Read More 30+ Best Bootstrap Carousel Examples For Inspiring Design