Ignix UI is your one-stop solution for modern frontend development. It is a modern, production-ready React UI system that helps ship beautiful, animated, and accessible interfaces fast. Built on top of Tailwind CSS, it streamlines the entire frontend workflow with a cohesive design system, powerful utilities, and developer‑first ergonomics.
Whether prototyping or scaling a large app, Ignix UI gives a polished foundation out of the box—so the focus stays on product, not plumbing.
-
Built for Speed Opinionated defaults, smart APIs, and accessible by default components that accelerate development.
-
Design System Ready Consistent design tokens, themes, and patterns that scale with your team's needs.
-
Built-in Animations Fluid interactions with a built in motion layer no extra setup required.
-
Type-Safe Built with TypeScript for rich, discoverable props and better IntelliSense support.
-
Tailwind-Native Seamless integration with Tailwind CSS, featuring smart class merging that respects custom styles.
# npm
npm install @mindfiredigital/ignix-ui
# yarn
yarn add @mindfiredigital/ignix-ui
# pnpm
pnpm add @mindfiredigital/ignix-ui- Initialize the package:
npx @mindfiredigital/ignix-ui init- Add any components you need to your app.
npx @mindfiredigital/ignix-ui add <component-name>For full documentation, visit mindfiredigital.github.io/ignix-ui.
Ignix UI includes a scaffolding script that helps contributors quickly create new components with all the necessary boilerplate files.
This ensures consistency, speeds up development, and keeps the project structure clean.
Run the following command from the project root:
pnpm run generate-component --name=componentName-
Creates a new folder for your component.
-
Adds base files (like .tsx, .test.tsx, index.tsx,).
-
update registry.json.
-
Ensures naming consistency.
Please follow our contributing guidelines.
Licensed under the MIT License, Copyright © Mindfire Solutions