CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Shopping Layout Sample Design
Author:-Takane Ichinose
Made with:-HTML CSS JS

Title:- News Cards – CSS only
Author:- Aleksandar Cugurovic
Made with:-HTML CSS JS

Title:- Folding Cards Animation
Author:-Dan Benmore
Made with:-HTML CSS JS

Title:- Card Animation
Author:-Lam Chang
Made with:-HTML CSS JS

Title:- Color Palette Trading Cards
Author:-Mike Mangialardi
Made with:-HTML CSS JS

Title:- Mini Profile
Author:-summer
Made with:-HTML CSS JS

Title:- Animated Weather Cards
Author:- Steve Gardner
Made with:-HTML CSS JS

Title:- Tailwindcss Card Demo
Author:-Russ Pate
Made with:-HTML CSS JS

Title:- Material Cards
Author:-ZhangZhuo
Made with:-HTML CSS JS

Title:- Pokemon Figures
Author:-Clara Beyer
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

45+ CSS Glow Effects (Updated)
Byfrontend November 16, 2023April 14, 2024

Explore a collection of 50 dazzling CSS Glow Effects examples to spark your developer creativity. See real-world applications and get inspired for your next web project. RELATED ARTICLES 1. Spinner With Glowing, Gooey Effect by Lou See the Pen Spinner With Glowing, Gooey Effect byhostsamurai(@hostsamurai) on CodePen. Author: Lou Links: Source Code / DemoMade with:…

Read More 45+ CSS Glow Effects (Updated)
CSS

How to Create a React Calculators (with 15+ Great Examples)
Byfrontend October 18, 2023October 18, 2023

The React calculator is a simple, easy-to-use calculator that supports all of the common mathematical functions. It’s also highly customization and can be used as a component in your React apps. See the Pen React Calculator by Michael Jackson (@mjijackson) on CodePen. Title:- React CalculatorAuthor:- Michael JacksonMade With:- REACT See the Pen React Calculator by…

Read More How to Create a React Calculators (with 15+ Great Examples)
CSS

15 Inspiring & Creative Bootstrap Navigation Bar Ideas
Byfrontend October 18, 2023October 18, 2023

Bootstrap navigation bar is a common element that can be used in almost all web projects. They are often used to display the menu of your website, as well as provide additional information and functionality. In this article we will look at 15 best and most creative bootstrap navbar ideas that you can use in…

Read More 15 Inspiring & Creative Bootstrap Navigation Bar Ideas
CSS

40+ CSS Book Effects to Practice Your CSS3 Skills
Byfrontend October 18, 2023October 20, 2023

If you’re looking for a fun and challenging way to practice your CSS3 skills, these 40+ CSS book effects are perfect for you. With code examples, you’ll be able to create these stunning effects yourself. See the Pen Pure CSS Magazine Style Layout with Transitions by jcoulterdesign (@jcoulterdesign) on CodePen. Title:- Pure CSS Magazine Style…

Read More 40+ CSS Book Effects to Practice Your CSS3 Skills
CSS

45+ CSS Checkbox Examples for Web Developers
Byfrontend October 18, 2023October 18, 2023

This article includes 20+ examples of custom CSS checkbox styles that you can use to inspiration your own designs. Title:- ✅ Emojibox – Checkbox with emojis Author:- Jouan Marcel Made with:- HTML CSS JS Title:- CSS: `checkbox` Phone Number Input Author:- jake Made with:- HTML CSS JS Title:- Scalable Dribbble Switches Author:- Eric Sadowski Made…

Read More 45+ CSS Checkbox Examples for Web Developers
CSS

20+ New Sliding Navigation Menu Example
Byfrontend February 17, 2024February 17, 2024

Developers, take your UX to the next level with 20+ sliding navigation menu example . Find inspiration and practical code examples to elevate your web creations. 1. Off-canvas Menu (Final) by Mojtaba Seyedi See the Pen Off-canvas Menu (Final) byseyedi(@seyedi) on CodePen. Author: Mojtaba Seyedi Links: Source Code / DemoMade with: HTML CSS 2. Left…

Read More 20+ New Sliding Navigation Menu Example