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
Opinionateddefaults,smartAPIs,andaccessible-by-defaultcomponentsthatacceleratedevelopment -
Design System Ready
Consistentdesigntokens,themes,andpatternsthatscalewithyourteam'sneeds -
Built-in Animations
Fluidinteractionswithabuilt-inmotionlayer—noextrasetuprequired -
Type-Safe
BuiltwithTypeScriptforrich,discoverablepropsandbetterIntelliSensesupport -
Tailwind-Native
SeamlessintegrationwithTailwindCSS,featuringsmartclassmergingthatrespectscustomstyles
# 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