Jump start your design process with a fully prepared input system that follows all the best design and implementation practices of Material Design, Bootstrap, and Figma.
✔️ Variants
✔️ Base component (aka theme master)
✔️ Nested instances
✔️ Auto layout & constraints
✔️ Saved text & color styles
What's included?
Input types:
• Text (single-line)
• Text (multi-line)
• Text + right icon
• Text + left icon
• Text + double icon
• Multi-input (with chips)
Input states:
• Default
• Active
• Filled
• Disabled
• View only
• Feedback (error, warning, and success)
Quick start guide
• Add & edit color tutorial
• Add & edit text tutorial
• Designing with instances tutorial
Learn about the full Design System uiprep.com
![]()
Watch a quick walkthrough of the full Design System
---
Follow me on Twitter to say hi and learn about new updates and resources
Send an email to molly@quantidesign.io if you have any questions
We charged your card and sent you a receipt
You'll need an account to access this in our app. Please create a password to continue.
Download from the App Store or text yourself a link to the app
Good news! Since you already have a Gumroad account, it's also been added to your library.