CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- CSS Cards
Author:- Tristan White
Made with:-HTML CSS JS

Title:- Slider Parallax Effect
Author:- Manuel Madeira
Made with:-HTML CSS JS

Title:- Expanding Card Hover Effect
Author:-Roger
Made with:-HTML CSS JS

Title:- Featured News
Author:-Sebastian Opperman
Made with:-HTML CSS JS

Title:- Beatiful Thumbnail Card
Author:-Dicky AL Fattah
Made with:-HTML CSS JS

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

Title:- Card Flip Reflection
Author:-alphardex
Made with:-HTML CSS JS

Title:- Beautiful CSS Cards
Author:- CodingTuting
Made with:-HTML CSS JS

Title:- Stacked Cards Hover Effects
Author:-Kyle Brumm
Made with:-HTML CSS JS

Title:- Hovering Cards
Author:-karim jawhar
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

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+ CSS Circle menu example (updated)
Byfrontend February 18, 2024February 18, 2024

Boost user engagement and conversion with these 30+ eye-catching CSS circle menus! Find the perfect design, learn the code, and enhance your website’s usability. 1. Radial / Circular Menu Concept by Glenn McComb See the Pen Radial / Circular Menu Concept bylenymo(@lenymo) on CodePen. Author: Glenn McComb Links: Source Code / DemoMade with: HTML CSS…

Read More 30+ CSS Circle menu example (updated)
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

Learn CSS Animation with 100+ CodePen Examples
Bygscode September 13, 2023October 20, 2023

Want to take your CSS skills to the next level? Browse through 100+ awesome animation examples from CodePen creators and learn how to add engaging motion to your web projects. See the Pen 2020 SVG Animation by keyframers (@keyframers) on CodePen. Title:- 2020 SVG Animation Author:-@keyframers Made with:-HTML / CSS (SCSS) See the Pen Animated…

Read More Learn CSS Animation with 100+ CodePen Examples
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