Component Variants
Choose from multiple variants to match different interface styles.
SHIVMS UI is designed to be flexible. Customize components with variants, sizes and styling options to create interfaces that match your application.
<Button
variant="outline"
size="lg"
>
Get Started
</Button>Build consistent interfaces while adapting every component to your projects design.
Choose from multiple variants to match different interface styles.
Use consistent sizing options across every component.
Apply your own classes and styles while keeping components reusable.
Customize colors and appearance using the SHIVMS UI theme system.
Keep spacing, colors and typography consistent across your application.
Prefer built-in variants before creating custom component styles.
Apply customization consistently to create a predictable user experience.
Explore more SHIVMS UI documentation and guides.
Learn what SHIVMS UI is and how to begin.
Install the library into your project.
Reusable React hooks for state, themes and responsiveness.
Use built-in icons throughout your application.
Configure light and dark themes.
Reusable helper functions for everyday development.
Build accessible user interfaces.
Customize colors, spacing and components.
See what's new in each release.