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

input · form

gradient tailwind

Inputs component by Yaya Mohamed. HTML with Tailwind CSS classes. MIT licensed.

Copy prompt Get unlimited access Save for later

input · purple

input · pink

tooltip · simple

button · blue

checkbox · simple

form · simple

Included structure

Structure
Visual system
Responsive behavior
Interaction states

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

Public previewInputs component by Yaya Mohamed. HTML with Tailwind CSS classes. MIT licensed.Show introHide intro

Inputs component by Yaya Mohamed. HTML with Tailwind CSS classes. MIT licensed.

Keep exploring

Related directions

Loaders

loader · simple

Cards

card · simple

card · dark

radio · simple

Switches

switch · simple

Free

Buttons

button · rounded

Cards

Gradient Twitter/X Card Design

Buttons

button · gradient

Buttons

button

Cards

card · simple

Buttons

button · gradient

Buttons

button · action

Tooltips

tooltip · rounded

Buttons

button · gradient

Forms

form · animation

Cards

card · rounded

Buttons

button · dark

Buttons

button · flashy

Buttons

button · flashy

Buttons

button · css

Cards

card · simple cards

Buttons

button · blue

Buttons

button · simple

Forms

form · rounded

Buttons

button · gradient

Forms

form · gradient

Buttons

button · rounded