A lightweight, semantic, and browser-native CSS UI library focused on simplicity, accessibility, and performance.
Ignix Lite is a modern CSS-first UI toolkit that provides accessible, production-ready, and semantic UI components using native HTML and CSS.
Built with a lightweight philosophy, Ignix Lite avoids heavy runtime dependencies while delivering clean and customizable components for modern web applications.
- Semantic HTML-first components
- Accessibility-focused design
- Lightweight bundle size
- CSS variable powered
- Responsive and modern UI
- Easy integration
- Dark mode support
- Minimal and scalable architecture
npm install @mindfiredigital/ignix-lite<link rel="stylesheet" href="node_modules/@mindfiredigital/ignix-lite/ignix-lite.min.css" /><link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@mindfiredigital/ignix-lite/style.css"
/><button data-intent="primary">
Primary Button
</button>
<button data-intent="danger">
Delete
</button>
<input
type="text"
placeholder="Enter text"
/>Ignix Lite currently includes:
- Accordion
- Alert
- Avatar
- Badge
- Button
- Card
- Checkbox
- Codeblock
- Combobox
- Dialog
- Divider
- Dropdown
- Form
- Input
- Meter
- Progress
- Radio
- Select
- Skeleton
- Table
- Tabs
- Textarea
- Toast
- Tooltip
Documentation is powered by Docusaurus and deployed automatically using GitHub Pages.
Explore:
- Installation guides
- Component APIs
- Usage examples
- Styling and customization
- Accessibility patterns
Install dependencies:
pnpm installBuild packages:
pnpm buildIgnix Lite uses:
- Changesets for versioning
- Automated changelog generation
- GitHub Actions for CI/CD
- GitHub Pages for documentation deployment
- Automated npm publishing workflows
Contributions are welcome.
Please ensure:
- Semantic HTML usage
- Accessibility support
- Consistent styling patterns
- Proper documentation updates
MIT License
Mindfire Digital