CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Expanding card page transition effect
Author:- Rachel Smith
Made with:-HTML CSS JS

Title:- Card Hover Interaction
Author:-Kalyan Lahkar
Made with:-HTML CSS JS

Title:- Aspect Ratio CTA
Author:-Michelle Barker
Made with:-HTML CSS JS

Title:- UI: Gradient Banner Cards
Author:-Eric Mahoney
Made with:-HTML CSS JS

Title:- UI Cards
Author:-Curtis Lee
Made with:-HTML CSS JS

Title:- Cards
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Hover Cards POC v2
Author:-Jhey
Made with:-HTML CSS JS

Title:- Card with Gradient Border and Background
Author:-Aditya Tiwari
Made with:-HTML CSS JS

Title:- Testimonials Sample 1
Author:-Meghan Marth
Made with:-HTML CSS JS

Title:- Fancy 3D Flip Card
Author:-Travis Williamson
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

CSS Animated Sliders Examples: 30 Awesome CSS Animated Slider With Sources
Byfrontend October 18, 2023October 18, 2023

CSS Animation Examples CSS can be used for building some pretty amazing things. A good example of this is the CSS animated sliders. CSS animations are a great way to add interactivity and excitement to your website, without having to resort to Flash or other tools. Here are some examples: See the Pen Greensock animated…

Read More CSS Animated Sliders Examples: 30 Awesome CSS Animated Slider With Sources
CSS

Best 30+ Pure CSS Forms
Byfrontend October 18, 2023May 5, 2024

CSS Grid: Style Guide II Author Olivia Ng Made With HTML(PUG),CSS(SCSS),JS Demo Check Out Demo Links Download Sign In / Sign Up Slider Form Author Chantal Made With HTML,CSS,JS Demo Check Out Demo Links Download Animated Form Author Maxim Konoval Made With HTML,CSS,JS Demo Check Out Demo Links Download Building Responsive Forms With Flexbox Author…

Read More Best 30+ Pure CSS Forms
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

50+ Must-See CSS Charts & Graphs on CodePen
Byfrontend March 8, 2024December 30, 2024

Build interactive CSS charts & graphs from scratch using 50+ CSS code snippets. Gain valuable coding experience and explore various design possibilities. 1. Bar Graph by Champlow See the Pen Bar Graph byChaaampy(@Chaaampy) on CodePen. Author: Champlow Links: Source Code / DemoMade with: HTML CSS 2. This Pen is 19% HTML & 81% CSS by…

Read More 50+ Must-See CSS Charts & Graphs on CodePen
CSS

Explore Unique 15+ CSS Alert Box Styles From CodePen
Byfrontend October 18, 2023October 19, 2023

CodePen is a website where developers can share and showcase their code. There are many different CSS alert box styles available on CodePen, so you can find one that fits your needs perfectly. Here are a few examples of unique CSS alert box styles from CodePen See the Pen Pure HTML + CSS alerts with…

Read More Explore Unique 15+ CSS Alert Box Styles From CodePen
CSS

35+ Responsive CSS Flowcharts Example
Byfrontend March 3, 2024March 3, 2024

Explore a collection of 25+ eye-catching Responsive CSS flowcharts with free code and live demos. Easily visualize processes and enhance your website’s user experience with these customizable flowcharts. 1. CSS Grid Responsive Flowchart by Chris Droom See the Pen CSS Grid Responsive Flowchart bydroom(@droom) on CodePen. Author: Chris Droom Links: Source Code / DemoMade with:…

Read More 35+ Responsive CSS Flowcharts Example