Orvain UI
Orvain UI
Home
Blocks
AI tools
Figma
Pricing
Resources
FAQ
Blogs
Contact us
About us
Docs
Sign In
Get all access
Components
Actions
Fancy Button
Fancy Button
Change any property and watch the Fancy Button follow.
Free
React and Vue
Overview
Playground
Accessibility
Shuffle
Reset
Button Label
Content & state
Style
Intent
Neutral
Brand
Success
Warning
Error
Inverse
Variant
Primary
Secondary
Tertiary
Size
L
Corners
Auto
Pill
Previous
Ghost Button
Next
Compact Button
All documentation
Documentation
On this page
Canvas
All Products
Free components
FREE
Blocks
PRO
Code library + MCP
PRO
Figma file
PRO
Getting started
Introduction
Installation
Quick start
Foundations
Color
Typography
Guides
Editor and MCP
API reference
Learn
What is Orvain UI?
What is an AI-native design system?
What is an MCP design system?
React design system
Vue design system
Figma UI kit vs design system
Glossary
Use cases
Compare
Components
96
Blocks
Components
Actions
Button
Link Button
Ghost Button
Fancy Button
Compact Button
Button Group
Displaying Data
Avatars
Avatar Group
Avatar Compact Group
Badges
Tag
Fancy Tag
Data Table
Content Label
Content Divider
KBD
Line Progress Bar
Circular Progress Bar
Rating
Feedback
Alert & Notification
Tooltip
Banner
Form
Checkbox
Radio
Color Picker
Date Picker
OTP Input
File Upload
Hint
Input
Dropdown
Slider
Switch
Text Area
Layout
Accordion
Breadcrumb
Segmented Control
Tab Menu Horizontal
Tab Menu Vertical
Navigation
Dot Stepper
Pagination
Navbar
Overlays
Command Menu
Modal
Popover
