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

35+ Responsive CSS Flowcharts Example
Byfrontend March 3, 2024March 3, 2024

Explore a collection of 25+ eye-catching Responsive CSS flowcharts with free code and live demos. Easily visualize processes and enhance your website’s user experience with these customizable flowcharts. 1. CSS Grid Responsive Flowchart by Chris Droom See the Pen CSS Grid Responsive Flowchart bydroom(@droom) on CodePen. Author: Chris Droom Links: Source Code / DemoMade with:…

Read More 35+ Responsive CSS Flowcharts Example
CSS

Top 15+ Three.js Example Games to Inspire Your Next WebGL Project
Byfrontend October 18, 2023January 28, 2024

Check out these 15 amazing Three.js games to inspire your next WebGL project. Learn from the best and create your own stunning 3D experiences. RELATED ARTICLES 1. Floating island /w Threejs & GSAP by Kasper De Bruyne See the Pen Floating island /w Threejs & GSAP bykdbkapsere(@kdbkapsere) on CodePen. Author: Kasper De Bruyne Links: Source…

Read More Top 15+ Three.js Example Games to Inspire Your Next WebGL Project
CSS

8 React Dropdown Example
Byfrontend October 18, 2023January 12, 2024

React Native Material Dropdown Author:-Alexander Nazarov Material dropdown with consistent behavior on iOS and Android Features Minimalistic dropdown and auto-complete component with filtering and keyboard support Author:-Revolist React Multi-Select Component Author:-Harsh Zalavadiya Simple and lightweight multiple selection dropdown components with checkboxes, search and select-all Features React Native Dropdown Alert Author:-Brian A simple alert to notify…

Read More 8 React Dropdown Example
CSS

Get Inspired with 30+ CSS Motion Path Examples
Byfrontend October 18, 2023October 18, 2023

Here is a list of 30+ CSS motion path examples that demonstrate how to use the CSS motion-path property to animate an element along a custom path: See the Pen Stay cool w/ responsive motion-path 😎 by Jhey (@jh3y) on CodePen. Title:- Stay cool w/ responsive motion-path ??Author:- JheyMade with:- CSS HTML JS See the…

Read More Get Inspired with 30+ CSS Motion Path Examples
CSS

25+ Full-Screen Menu Ideas Made Easy with CSS
Byfrontend February 18, 2024February 19, 2024

Simplify your design journey with 20+ easy-to-use, ready-to-apply full-screen menu solutions using CSS. Achieve stunning visuals and impactful navigations. 1. CSS Navigation by Ryan Mulligan See the Pen CSS Navigation byhexagoncircle(@hexagoncircle) on CodePen. Author: Ryan Mulligan Links: Source Code / DemoMade with: HTML CSS js 2. Simple Full Screen Menu by kiran raj r See…

Read More 25+ Full-Screen Menu Ideas Made Easy with CSS
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