Orvain UI
Orvain UI
Home
Blocks
AI tools
Figma
Pricing
Resources
FAQ
Blogs
Contact us
About us
Docs
Sign In
Get all access
Components
Navigation
Navbar
Navbar
Change any property and watch the Navbar follow.
Free
React and Vue
Navbar blocks
9 blocks
Pro
Overview
Playground
Accessibility
Reset
Orvain UI
Home
Products
Resources
Pricing
Log in
Sign up
Home
Products
Resources
Pricing
Sign up
Log in
Layout
desktop
mobile
Previous
Pagination
Next
Breadcrumb blocks
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
