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

gradient minimal tailwind

Cards component by Javier Roca. HTML with Tailwind CSS classes. MIT licensed.

Copy prompt Get unlimited access Save for later

card · dark

card · simple

card · simple

card · simple

card · menu

card · simple

Included structure

Structure
Visual system
Responsive behavior
Interaction states

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

Public previewCards component by Javier Roca. HTML with Tailwind CSS classes. MIT licensed.Show introHide intro

Cards component by Javier Roca. HTML with Tailwind CSS classes. MIT licensed.

Keep exploring

Related directions

Cards

card · gradient

Cards

card · simple

card · hover effect

card · simple

Cards

card · minimalist

Free

Cards

card · icon

Cards

card · simple

Cards

card · simple

Cards

card · creditcard

Cards

card · hover

Cards

card · box-shadow

Cards

card · simple

Cards

card · minimalist

Cards

card · material design

Cards

card · simple

Tooltips

tooltip · simple

Checkboxes

checkbox · simple

Forms

form · simple

Radios

radio · simple

Loaders

loader · simple

Switches

switch · simple

Buttons

button · simple

Forms

form · rounded

Forms

form · gradient

Buttons

ScrumJam button

Forms

form · animation

Switches

switch · red