CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Tariff Cards
Author:-Andreas Storm
Made with:-HTML CSS JS

Title:- Keyboard Accessible Animated Card
Author:-Cristian Diaz
Made with:-HTML CSS JS

Title:- Info Cards
Author:- Nathan Taylor
Made with:-HTML CSS JS

Title:- Price Cards Animation
Author:-Ana Tudor
Made with:-HTML CSS JS

Title:- CSS Clip-path Card Hover Effects
Author:-Ahmad Emran
Made with:-HTML CSS JS

Title:- CSS-Tricks Card Carousel
Author:-William Goldsworthy
Made with:-HTML CSS JS

Title:- Day and Night: CSS Transitions and Animations Explained
Author:-Stéphanie Walter
Made with:-HTML CSS JS

Title:- Business Card Style Landing Page
Author:-Lucas “Zei” G.
Made with:-HTML CSS JS

Title:- F1 Player Hexagon Card Responsive
Author:-Shireen Taj
Made with:-HTML CSS JS

Title:- Profile Card Hover Effect
Author:-P
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

80+ CSS Button Hover Effects for Developers
Byfrontend October 18, 2023October 18, 2023

Learn how to create stunning and engaging CSS button hover effects with this collection of 80 tutorials and examples. Perfect for developers of all skill levels. See the Pen Animated Buttons by althi (@althi) on CodePen. Title:- Animated Buttons Author:-Thiago Marques Made with:-HTML CSS JS See the Pen Gradient Hover Animated Button by mars2601 (@mars2601)…

Read More 80+ CSS Button Hover Effects for Developers
CSS

50+ Animated CSS Digital Clocks on CodePen
Byfrontend April 29, 2020March 8, 2024

Learn by example and get inspired! Explore 50+ beautifully animated CSS digital clocks on CodePen. learn the code, and create unique clocks. 1. CSS Clock-Shadows by LukyVJ See the Pen CSS Clock-Shadows byLukyVj(@LukyVj) on CodePen. Author: LukyVJ Links: Source Code / DemoMade with: HTML CSS 2. Analog Clock by Nikhil Kumaran See the Pen Analog Clock…

Read More 50+ Animated CSS Digital Clocks on CodePen
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

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+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
Byfrontend May 16, 2021January 30, 2024

Level up your web design check out the best collection of 10+ Ken Burns effects from CodePen! No Javascript required – explore pure CSS solutions for developers who value code. Find inspiration for beautiful animations, unique slideshows, and hidden gems that’ll add a touch of magic to your web projects. 1. Ken Burns effect CSS…

Read More 10+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
CSS

65+ Excellent CSS Image Galleries to Get Inspired From
Byfrontend October 18, 2023October 18, 2023

CSS Image Galleries are a great way to create attractive modern photo galleries. Using CSS, you can create galleries that run smoothly on any device See the Pen animated Mini Photo Gallery by Alvaro Montoro (@alvaromontoro) on CodePen. Title:- animated Mini Photo GalleryAuthor:- Alvaro MontoroMade with:- CSS HTML JS See the Pen accordion gallery zoom…

Read More 65+ Excellent CSS Image Galleries to Get Inspired From