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

40+ CSS Triangles
Byfrontend August 4, 2024April 20, 2025

Boost your design skills with over 40 CSS triangles. Learn how to create and use these shapes to enhance your web projects. 1. Landscape in a Triangle by Paulina Hetman See the Pen Landscape in a Triangle bypehaa(@pehaa) on CodePen. Author: Paulina Hetman Links: Source Code / DemoMade with: HTML CSS 2. CSS Triangles by…

Read More 40+ CSS Triangles
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

Top 20+ Animated Confetti Backgrounds from CodePen
Byfrontend October 18, 2023October 20, 2023

Top 20+ animated confetti backgrounds! With a variety of colors, styles, and effects to choose from, you’re sure to find the perfect one for your next project. RELATED ARTICLES See the Pen CSS Variables – Pitchfork Artist Profile Concept by Mauricio Palma (@palmaswell) on CodePen. Title:- CSS Variables – Pitchfork Artist Profile ConceptAuthor:- Mauricio PalmaMade…

Read More Top 20+ Animated Confetti Backgrounds from CodePen
CSS

50+ CSS Chatbot template using HTML & CSS
Byfrontend October 18, 2023July 9, 2024

Craft a user-friendly chatbot experience for your website or app. Download this free HTML & CSS template, customize it to your needs, and leverage CSS for stylish design. No JavaScript required! 1. #codevember 04/2016 – Chat box by André F. Martins See the Pen #codevember 04/2016 – Chat box bymartinsadw(@martinsadw) on CodePen. Author: André F….

Read More 50+ CSS Chatbot template using HTML & CSS
CSS

The Best 40+ CSS SELECT BOX
Byfrontend October 18, 2023October 18, 2023

See the Pen Custom Select Box With Custom Scroll by FrankieDoodie (@FrankieDoodie) on CodePen. Title:- Custom Select Box With Custom Scroll Author:-Dejan Babić Made with:-HTML CSS See the Pen Custom Select Box JQuery Plugin By VJ by vulchivijay (@vulchivijay) on CodePen. Title:- Custom Select Box JQuery Plugin By VJ Author:-Vijaya Kumar Vulchi Made with:-HTML CSS…

Read More The Best 40+ CSS SELECT BOX
CSS

30+ Best CSS Text Stroke Effects For Your Inspiration
Byfrontend October 18, 2023October 18, 2023

In this article, we will explore 30 of the best CSS text stroke examples to help you figure out what a CSS text stroke might look like for your projects Title:- Striking Splits ?? | Full Screen Menu Animation Tutorial @keyframers 2.16.0 Author:- @keyframers Made with:- HTML CSS JS Title:- Text stroke animation Author:- Cyd…

Read More 30+ Best CSS Text Stroke Effects For Your Inspiration