Straightforward UI component library and styling rule set using HTML, CSS, and JavaScript. The components are designed for reusability, and the script is imported only once, eliminating the need to create separate duplicate functions for reused components. However, for components that don't require a script, developers can use them without importing.
Note: layout.css should be ignored and is only there for formatting documentation of showcase. Accessibilty scores are low due to layout of preview page. Landing page on the otherhand has score of 100.
- Experimental Typography Rules
- Javascript for tick and search svg.
- Button and variants
- Dropdown
- Checkbox
- Text type input
- Date type input
- Default
- Theme variants
- Default Accordion
- Count
- info
- warning
- error
- success
- Text Card
- Quote and review Card
- Card with avatar
- Card with Image and description
- For Image
- For Any div content
- For Any div content with default or user defined interval.
- Default
- Custom direction sign
- Simple Default
- Window Size Responsive
- Responsive Nav with Logo
- Sticky Navbar
- Simple Default
- Window Size Responsive
- Responsive Nav with Logo
- Default List based
- Custom styling
- Default
- Default
- Default
- Desktop
- Mobile
- Default
- Styled with custom dropdown
- Default
- Colored
- Default
- Horizontal
- Vertical
- Default
- Flex - Justify Center Align Center row
- Flex - Justify Center Align Center Column
- Hero Section Simple
- Hero Section two row
- Hero Section two col
- 2 column grid
- 3 Coulmn grid
- Horizontal Column Span
- Vertical Row Span
- Centering inside a grid item
- Justify self Start, Center and End
- Align self Start, Center and End
- Footer template Simple