CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Dribble Mockup – Travel Homepage
Author:- miranda
Made with:-HTML CSS JS

Title:- Expanding flex cards
Author:- Zed Dash
Made with:-HTML CSS JS

Title:- Card Text
Author:-Bruce Brotherton
Made with:-HTML CSS JS

Title:- Comment Card with a Dots Background
Author:-Lucas Fernando
Made with:-HTML CSS JS

Title:- Reveal Card Content On Hover
Author:-Mark
Made with:-HTML CSS JS

Title:- Product Page
Author:-Chase Marlow
Made with:-HTML CSS JS

Title:- Blog Entry Layouts
Author:-Russ Beye
Made with:-HTML CSS JS

Title:- Card Design
Author:-Divya
Made with:-HTML CSS JS

Title:- Product Card
Author:-Arti Bhandari
Made with:-HTML CSS JS

Title:- Layout Practice, Using Grid
Author:-Bart Veneman
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

40+ CSS Triangles
Byfrontend August 4, 2024April 20, 2025

Boost your design skills with over 40 CSS triangles. Learn how to create and use these shapes to enhance your web projects. 1. Landscape in a Triangle by Paulina Hetman See the Pen Landscape in a Triangle bypehaa(@pehaa) on CodePen. Author: Paulina Hetman Links: Source Code / DemoMade with: HTML CSS 2. CSS Triangles by…

Read More 40+ CSS Triangles
CSS

25+ CSS Toggle Menu Example (Updated)
Byfrontend February 18, 2024February 18, 2024

Create Beautiful user interfaces and level up your navigation with these inspiring CSS toggle menu examples. Discover code-free options, pure CSS solutions, and innovative designs – perfect for web developers of all skill levels. 1. Pure CSS Hamburger Toggle Menu by Nave Avimor See the Pen Pure CSS Hamburger Toggle Menu byNave(@Nave) on CodePen. Author:…

Read More 25+ CSS Toggle Menu Example (Updated)
CSS

The Best 40+ CSS SELECT BOX
Byfrontend October 18, 2023October 18, 2023

See the Pen Custom Select Box With Custom Scroll by FrankieDoodie (@FrankieDoodie) on CodePen. Title:- Custom Select Box With Custom Scroll Author:-Dejan Babić Made with:-HTML CSS See the Pen Custom Select Box JQuery Plugin By VJ by vulchivijay (@vulchivijay) on CodePen. Title:- Custom Select Box JQuery Plugin By VJ Author:-Vijaya Kumar Vulchi Made with:-HTML CSS…

Read More The Best 40+ CSS SELECT BOX
CSS

30+ Pure CSS Off Canvas Menu Navbar Example
Byfrontend February 16, 2024February 16, 2024

Discover 30+ pure CSS off-canvas menu examples, ready to elevate your UI/UX designs without JavaScript. Implement eye-catching effects, enhance responsiveness, and optimize performance. 1. Hidden Side Menu by Joshua Ward See the Pen Hidden Side Menu byjoshuaward(@joshuaward) on CodePen. Author: Joshua Ward Links: Source Code / DemoMade with: HTML CSS js 2. Offcanvas Sidebar Menu…

Read More 30+ Pure CSS Off Canvas Menu Navbar Example
CSS

10+ Best Parallax Animation Example
Byfrontend October 18, 2023December 31, 2024

See the Pen vNNzyG by carpenumidium (@carpenumidium) Author: carpenumidium (@carpenumidium) Links: Source Made with: HTML, CSS, JavaScript See the Pen dyOxxGb by creativeocean (@creativeocean) Author: creativeocean (@creativeocean) Links: Source Made with: HTML, CSS, JavaScript See the Pen wLdoxB by elecweb (@elecweb) Author: elecweb (@elecweb) Links: Source Made with: HTML, CSS, JavaScript See the Pen LYPGxQz…

Read More 10+ Best Parallax Animation Example
CSS

React Hooks: 10 Best Examples To Learn Hooks In ReactJS
Byfrontend October 18, 2023October 18, 2023

React Hooks are a new way to use React and JavaScript. The hooks allow you to define hooks for your components and then use those hooks in any component or class of your app. In this article, we’ll be talking about 10 best examples to learn how to write React hooks in ReactJS. See the…

Read More React Hooks: 10 Best Examples To Learn Hooks In ReactJS