CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- DRY Switch Hover Card
Author:-Jhey
Made with:-HTML CSS JS

Title:- Earth News
Author:-Zoë Bijl
Made with:-HTML CSS JS

Title:- Expanding Card Grid With Flexbox
Author:- Naila Ahmad
Made with:-HTML CSS JS

Title:- Responsive Image Effects with CSS Gradients and Aspect-Ratio
Author:-Smashing Magazine
Made with:-HTML CSS JS

Title:- 3D CSS Card
Author:-Amit Sheen
Made with:-HTML CSS JS

Title:- Blog Cards
Author:- Chyno Deluxe
Made with:-HTML CSS JS

Title:- FE-Mentor NFT Preview Card
Author:-Lorentz
Made with:-HTML CSS JS

Title:- Card Image
Author:-Luan Manara
Made with:-HTML CSS JS

Title:- Camila’s Card
Author:-Camila Waz
Made with:-HTML CSS JS

Title:- Card Hover Effect
Author:-Temani Afif
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

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

10+ Animated rainbow text Effects
Byfrontend February 10, 2021December 30, 2024

Check Out Best Animated rainbow text Effects Made With HTML CSS JAVASCRIPT See the Pen hairy rainbow text – pixi.js by Rachel Smith (@rachsmith) on CodePen. Title:- Rainbow text hover Author:- Sarah FossheimMade With:- HTML CSS JAVASCRIPT See the Pen Rainbow text hover animation by Sarah Fossheim (@fossheim) on CodePen. Title:- Rainbow text hover animationAuthor:-…

Read More 10+ Animated rainbow text Effects
CSS

React Calendar Examples: 10+ Fun & Free Code Snippets
Byfrontend October 18, 2023October 18, 2023

React Calendar Examples In this post, we are going to discuss 10 of the most popular examples of React Calendar. These examples will help you understand how to use react-calendar in your own projects. See the Pen react-calendar-timeline demo by Marius Andra (@mariusandra) on CodePen. Title:- react-calendar-timeline demoAuthor:- Marius AndraMade With:- REACT See the Pen…

Read More React Calendar Examples: 10+ Fun & Free Code Snippets
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

50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
Byfrontend October 18, 2023October 18, 2023

50+ Cool CSS Reveal Animations Demos You Can Use A blog around 20 cool CSS animations that can be used on your website. See the Pen Fading text with CSS blend modes by giana (@giana) on CodePen. Title:- Fading text with CSS blend modes Author:-Giana Made with:-HTML CSS See the Pen CSS Reveal Slider by…

Read More 50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
CSS

40 Best CSS Neumorphism Example to Downlaod
Byfrontend October 18, 2023October 18, 2023

See the Pen css Neumorphism design practice 02 by CMYK350dpi (@AYV) on CodePen. Title:- css Neumorphism design practice 02Author:- CMYK350dpiMade With:- CSS HTML JS See the Pen Neumorphism Working Analog Clock by Muhammad Fadzrin Madu (@fadzrinmadu) on CodePen. Title:- Neumorphism Working Analog ClockAuthor:- Muhammad Fadzrin MaduMade With:- CSS HTML JS See the Pen Neumorphism “buttons”…

Read More 40 Best CSS Neumorphism Example to Downlaod