CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Pure CSS Card UI
Author:-Adam Kuhn
Made with:-HTML CSS JS

Title:- Card Reflect Hover
Author:-BEN ABBESS
Made with:-HTML CSS JS

Title:- HTML CSS Product Card UI Design
Author:-Md Shifut Hossain
Made with:-HTML CSS JS

Title:- CSS-only Slide-up Caption Hover Effect
Author:-Mojtaba Seyedi
Made with:-HTML CSS JS

Title:- Spread – Messaging App
Author:- Mahmoud Aslan
Made with:-HTML CSS JS

Title:- 3D Card
Author:-Gayane Gasparyan
Made with:-HTML CSS JS

Title:- Parallax Flipping Cards
Author:- Nicolas Pavlotsky
Made with:-HTML CSS JS

Title:- Horizontal Scroll Cards
Author:- Ryan Mulligan
Made with:-HTML CSS JS

Title:- Card Hover Effect | SASS | Cubic Bezier
Author:-Kaio Almeida
Made with:-HTML CSS JS

Title:- Hearthstone Style Card Hover
Author:- Jack Rugile
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 Carousel

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…

CSS

Level Up Your Web Designs with 80+ CSS Arrows

Byfrontend October 18, 2023October 18, 2023

Give your web designs a boost of personality and style with these beautiful and free CSS arrows. With over 80 different styles to choose from, you’re sure to find the perfect arrow to match your project’s aesthetic. See the Pen Arrow animation by aaroniker (@aaroniker) on CodePen. Title:- Arrow animation Author:- Aaron Iker Made with:-HTML…

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…

Parallax Effect

CSS | Javascript

CSS Parallax Effect Example – Frontendin

Byfrontend May 14, 2021October 17, 2023

See the Pen Pure CSS Parallax Effect by Joshua Bemenderfer (@tribex) on CodePen. Title:- Pure CSS Parallax EffectAuthor:- Joshua BemenderferMade With:- HTML CSS See the Pen Pure CSS Parallax Effect (Depth of field) by FlyC (@FlyC) on CodePen. Title:- Pure CSS Parallax Effect (Depth of field)Author:- FlyCMade With:- HTML CSS See the Pen Simple, Pure…

CSS Spinners

CSS

100+ CSS Spinners for Inspiration

Byfrontend May 5, 2024December 30, 2024

Discover a stunning collection of 50+ CSS spinners to your website’s loading experience. Find the perfect animated loader to keep your users engaged 1. 3D Loader Cube by Jhey See the Pen 3D Loader Cube byjh3y(@jh3y) on CodePen. Author: Jhey Links: Source Code / DemoMade with: HTML CSS 2. CSS Spinner Animation by Hakim El…

CSS Breadcrumb Navigation

CSS

50+ Free CSS Breadcrumb Navigation Code Snippets You’ll Love

Byfrontend February 19, 2024February 20, 2024

your website with beautiful and innovative CSS Breadcrumb Navigation designs. Explore our curated collection, learn from experts, and find the perfect style for your site. 1. Collapsed Breadcrumbs by Skye See the Pen Collapsed Breadcrumbs byfraddski(@fraddski) on CodePen. Author: Skye Links: Source Code / DemoMade with: HTML CSS 2. Vertical Breadcrumb by Chris Jahn See…