Build for the future using Asimov UI
Asimov UI has 2 themes Dark and Light. To start using using Asimov UI copy paste the relevant link into the <head> section of your project.
- Dark Theme link :
<link rel="stylesheet" href="https://asimov-ui.netlify.app/themes/darktheme.css" />- Light Theme link :
<link rel="stylesheet" href="https://asimov-ui.netlify.app/themes/lighttheme.css" />- To start using the components is simple refer the documentation and copy paste the HTML code snippets into your HTML file.
- You can also create variations of components by adding the relevant classes as needed.
- To start using the functionality of the components copy paste the JS code of the component.
- Alert
- Simple Alert
- Avatar
- Image Avatar
- Imaga Avatar Square
- Text Avatar
- Badge
- Badge Variants
- Status Badge
- Button
- Button Variants
- Button Disabled
- Button Size Variants
- Floating button
- Card
- Simple Text card
- Vertical card with image
- Vertical card with badge
- Vertical card with dismiss
- Horizontal Card
- Card with text overlay
- Card with shadow
- Image
- Responsive images - default
- Responsive images - round
- Input
- Primary Inputs
- Radio & Checkbox input
- nput validation
- List
- Default List
- Stacked List
- Modal
- Basic Modal
- Navigation
- Simple Navigation (Desktop)
- Responsive Navigation (Desktop & Mobile)
- Submenu Navigation
- Rating
- Read Only Rating
- Dynamic Rating
- Simplified Grid
- Two column grid
- Three column grid
- Slider
- Simple Slider
- Slider with icon
- Text Utilities
- Very Large Text
- Large Text
- Medium Text
- Small Text
- Very Small Text
- Very very small text
- Heading Text
- Gray Text
- Toast
- Simple Toast
