Ignix Lite

Browser-Native UI for

Design. Validate. Ship. Faster - with less code and zero bloat.

~4KBBundle Size

0Dependencies

100%Framework Free

A11yAccessible

Agent FirstMCP Powered

npm install @mindfiredigital/ignix-lite

Why Choose Ignix Lite ?

Built for agents and developers who want simplicity, performance and flexibility.

Tiny Bundle Size

Under 4KB gzipped. Zero external dependencies. Ships only the absolute minimum runtime overhead.

CSS-First Architecture

Semantic layout properties powered entirely by CSS custom variables. Style once, inherit everywhere.

AI-Native Workflow

Built-in Model Context Protocol (MCP) server integration lets AI agents theme, build, and audit your code.

Live Component Playground

Toggle semantic intents dynamically and interact with real responsive controls.

Active Intent:

Semantic Button

Alert Aside

Password Strength

Test Input

Strong and highly secure!

Forms & Inputs

Status Input

index.html

<button data-intent="primary">
  Primary Action
</button>
<button data-intent="ghost">
  Ghost Alternate
</button>

<aside data-intent="primary">
  <strong>PRIMARY ALERT</strong>
  <span>  Ignix Lite alerts are lightweight, semantic, and inherit variables.</span>
</aside>

<label>
  Test Input
  <input type="text" value="MySecr3tPassword!" data-intent="primary" />
</label>
<meter
  data-intent="primary"
  value="100"
  min="0"
  max="100"
  low="40"
  high="80"
  optimum="100"
></meter>

<textarea data-intent="primary" placeholder="Type in this primary styled input field..." rows="2"></textarea>

Start Building Faster

Minimal styles. Semantic APIs. Tiny bundle size.