CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- DRY Switch Hover Card
Author:-Jhey
Made with:-HTML CSS JS

Title:- Earth News
Author:-Zoë Bijl
Made with:-HTML CSS JS

Title:- Expanding Card Grid With Flexbox
Author:- Naila Ahmad
Made with:-HTML CSS JS

Title:- Responsive Image Effects with CSS Gradients and Aspect-Ratio
Author:-Smashing Magazine
Made with:-HTML CSS JS

Title:- 3D CSS Card
Author:-Amit Sheen
Made with:-HTML CSS JS

Title:- Blog Cards
Author:- Chyno Deluxe
Made with:-HTML CSS JS

Title:- FE-Mentor NFT Preview Card
Author:-Lorentz
Made with:-HTML CSS JS

Title:- Card Image
Author:-Luan Manara
Made with:-HTML CSS JS

Title:- Camila’s Card
Author:-Camila Waz
Made with:-HTML CSS JS

Title:- Card Hover Effect
Author:-Temani Afif
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

150+ Inspiring Examples of CSS Background Patterns
Byfrontend October 18, 2023January 28, 2024

Level up your web design skills and learn to create stunning CSS background patterns from scratch. Explore 150+ examples, tutorials, and resources to guide your creative journey. RELATED ARTICLES 1. 3D Honeycomb Tessellated Pattern. No Div. Pure CSS by Josetxu See the Pen 3D Honeycomb Tessellated Pattern. No Div. Pure CSS byjosetxu(@josetxu) on CodePen. Author:…

Read More 150+ Inspiring Examples of CSS Background Patterns
CSS

10 Easy-To-Understand Cookie Consent Forms: Beyond The Text
Byfrontend October 18, 2023October 18, 2023

The following is a list of the most common Bootstrap forms for consent. It has been designed in such a way that it can be easily customized and updated without the need for any HTML knowledge. TITLE:- bS Cookie SettingsAUTHOR:- Orest BidaMADE WITH:- Bootstrap TITLE:- Bootstrap 5 floating cookie consentAUTHOR:- BBBootstrap TeamMADE WITH:- Bootstrap TITLE:-…

Read More 10 Easy-To-Understand Cookie Consent Forms: Beyond The Text
CSS

50+ ThreeJS Examples: Learn to Create 3D Interactive Experiences with Code
Byfrontend October 18, 2023October 18, 2023

ThreeJS is a powerful JavaScript library for creating 3D interactive experiences. Learn how to use it to create your own games, simulations, and visualizations. Title:- ThreeJS cube head with shadow Author:- Michelle Barker Made with:- HTML CSS JS Title:- Using Zdog with ZIM Components and Controls on Canvas Author:- ZIM Made with:- HTML CSS JS…

Read More 50+ ThreeJS Examples: Learn to Create 3D Interactive Experiences with Code
CSS

CSS Text Animations with 90+ Example
Byfrontend August 4, 2024August 4, 2024

Discover over 90+ CSS text animations that will inspire and elevate your web development projects. Perfect for developers of all levels. 1. Liquid Drop Using Gooey Effect by Tushar Choudhari See the Pen Liquid Drop Using Gooey Effect bytush23ar(@tush23ar) on CodePen. Author: Tushar Choudhari Links: Source Code / DemoMade with: HTML CSS 2. Text Split…

Read More CSS Text Animations with 90+ Example
CSS | Javascript

50+ Best 404 Page Templates on CodePen 2024
Byfrontend March 28, 2021February 22, 2024

Are you looking for some creative and unique 404 page templates for your website? If so, you have come to the right place. In this article, we have compiled a list of 50+ best 404 page templates on CodePen that you can use for free or get inspired by. A 404 page is a web…

Read More 50+ Best 404 Page Templates on CodePen 2024
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