Skip to content OnlineLive chat

010123456789001234567890

MotionSiteS.Org

Sites Apps SectionsFree Assets IconsFree Kits Skills

Changelog Sign in Get unlimited

Sites Apps SectionsFree Assets IconsFree Kits Skills Changelog Browse all Saved

Sign in Unlimited

MotionSiteS.Org

Design directions for sites and products that are ready to become real software.

Explore

Sites
Apps
Sections
Assets
Icons
Kits
Skills

Catalog

Browse all
Featured
New
Free
Motion
Academy
Blog
Changelog
Unlimited

Account

Saved
Purchases
Billing
Sign in

Company

About
Contact
Affiliates
Submit & Earn

© 2026 MotionSites. All rights reserved.

Privacy Terms Membership Refunds Customer support: [email protected]

Back to Sections

Overview

card · dark

animated dark gradient

Cards component by Pradeep Saran. HTML and CSS. MIT licensed.

Copy prompt Get unlimited access Save for later

card · simple

card · animation

card · animation

card · animation

Animated 3D Layered 1

Animated 3D Layered 5

Included structure

Structure
Visual system
Responsive behavior
Interaction states

Format: HTML + CSS
Updates: Included
License: Single user

Public previewCards component by Pradeep Saran. HTML and CSS. MIT licensed.Show introHide intro

Cards component by Pradeep Saran. HTML and CSS. MIT licensed.

Keep exploring

Related directions

Cards

card · animation

Cards

card · animation

card · hover

card · animation

Cards

card · animation

Free

Cards

card · simple

Cards

card · animation

Cards

card · payment card

Cards

card · animation

Cards

card · animation

Cards

Super Hover Card UI

Cards

card · animation

Cards

card · animation

Loaders

loader · animation

Switches

switch · gradient

Loaders

loader · animation

Loaders

loader · simple

Buttons

button · animation

Radios

radio · cyberpunk

Loaders

loader · fly

Loaders

loader · 3d

Buttons

button · animation

Loaders

loader · dark

Loaders

loader · dark

Loaders

loader · gradient

Loaders

loader · dark

Loaders

loader · simple