CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Expanding card page transition effect
Author:- Rachel Smith
Made with:-HTML CSS JS

Title:- Card Hover Interaction
Author:-Kalyan Lahkar
Made with:-HTML CSS JS

Title:- Aspect Ratio CTA
Author:-Michelle Barker
Made with:-HTML CSS JS

Title:- UI: Gradient Banner Cards
Author:-Eric Mahoney
Made with:-HTML CSS JS

Title:- UI Cards
Author:-Curtis Lee
Made with:-HTML CSS JS

Title:- Cards
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Hover Cards POC v2
Author:-Jhey
Made with:-HTML CSS JS

Title:- Card with Gradient Border and Background
Author:-Aditya Tiwari
Made with:-HTML CSS JS

Title:- Testimonials Sample 1
Author:-Meghan Marth
Made with:-HTML CSS JS

Title:- Fancy 3D Flip Card
Author:-Travis Williamson
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

25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
Byfrontend October 18, 2023October 21, 2023

Javascript is a programming language that can be used in many of the web pages. It is one of the leading languages used for creating web pages and apps. Javascript is not just a language, it is also a platform for developing applications. It has been used for a long time and it has become…

Read More 25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
CSS | Javascript

40+ Stunning CSS Hover Effects Example
Byfrontend September 12, 2020October 17, 2023

See the Pen 10 stylish hover effects with less by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stylish hover effects with lessAuthor:- Renan C. AraujoMade With:- HTML CSS See the Pen 10 stunning hover effects with sass by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stunning hover effects with sassAuthor:- Renan C. AraujoMade…

Read More 40+ Stunning CSS Hover Effects 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
CSS

40+ Best CSS Timeline Examples For Developers
Byfrontend March 4, 2021October 17, 2023

CSS Timeline examples are a great way to learn how CSS works, as well as how to build your own. See the Pen Angular Animated Vertical Timeline by Stephen McCann (@flatsteve) on CodePen. Title:- Angular Animated Vertical TimelineAuthor:- Stephen McCannMade With:- HTML CSS JAVASCRIPT See the Pen Process Timeline by Pop Razvan (@roppazvan) on CodePen….

Read More 40+ Best CSS Timeline Examples For Developers
CSS

25+ Best CSS Border Animation
Byfrontend November 14, 2019December 30, 2024

See the Pen Rotating border by Jesse B (@Chester) on CodePen. Title:- Rotating borderAuthor:- Jesse BMade With:- HTML CSS See the Pen Great button animation by Valentin Galmand (@valentingalmand) on CodePen. Title:- Great button animationAuthor:- Valentin GalmandMade With:- HTML CSS See the Pen Button Border Hover Effects by Sarath AR (@sarath-ar) on CodePen. Title:- Button…

Read More 25+ Best CSS Border Animation
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)