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

Best 10+ jQuery Animation Library and Plugins
Byfrontend October 18, 2023October 18, 2023

An animated illustration made with JS. Author Issey October 19, 2016 Made With HTML / CSS / JS Demo Check Out Demo Links Download Pointer following Animated Face JavaScript Library Author Creepyface Made With HTML / CSS / JS Demo Check Out Demo Links Download BUTTONS FALLING APART Author Mikael Ainalem May 29, 2018 Made…

Read More Best 10+ jQuery Animation Library and Plugins
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

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
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

50+ New CSS Magazine Layouts(Free Download)
Byfrontend October 18, 2023March 24, 2024

Take your magazine website to the next level with these incredible CSS layouts. Find free, responsive designs that are easy to implement. See the Pen Responsive CSS Grid Magazine Layout – 1 byJasonDuquain(@JasonDuquain) on CodePen. Author: Jason Duquain Links: Source Code / DemoMade with: HTML CSS 2. Arcade Life: Magazine Layout by John Paul Zoleta…

Read More 50+ New CSS Magazine Layouts(Free Download)
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