Introduction

Welcome to the official I7A UI documentation.

I7A UI is not just a set of components. It is your own Design System—open, transparent, and fully under your control.

Unlike traditional libraries that rely on closed packages or hidden abstractions, I7A UI is Open Source and Open Code.
This means the code is yours from the very first moment: visible, editable, and free of artificial barriers.

Conventional libraries work… until you need something different. Then come the wrappers, style overrides, and hacks that break consistency.
I7A UI removes that pain by giving you the actual source code, along with design tokens and design patterns you can extend without limits.

The Design System is built on these fundamental principles:

  • Full Ownership: The code, tokens, and patterns live inside your project. Nothing is hidden.
  • Open Source — Open Code: Every line is transparent, editable, and auditable.
  • Unified Design Language: All components follow the same visual and compositional rules.
  • Simple Distribution: A CLI and a structured schema system make adding or creating components effortless.
  • Production-Ready: Modern, accessible, and cohesive values from day one.
  • AI-Native: Clear patterns, standardized code, and structured documentation built for AI tools.

Full Ownership

When you add a component from I7A UI, the source code becomes part of your project.

This means:

  • Absolute Transparency: You can inspect, audit, and modify everything.
  • Total Freedom to Modify: Change APIs, styles, or internal structures without restrictions.
  • AI Integration: Since it’s Open Code, your models can understand, optimize, or extend components without barriers.

Instead of adapting to another library’s limitations, you work directly with the code you actually need.

Unified Design Language

I7A UI defines a solid foundation of design tokens, composition patterns, and visual rules that apply across the system.

This ensures:

  • coherent APIs
  • consistent styles
  • uniform accessibility
  • predictable behavior

Even external integrations follow the same design language, ensuring true cohesion across your interface.

Your team learns one system.
Your AI learns one pattern.
Everything works together.

Simple Distribution

I7A UI includes a system designed to scale with your projects:

  • Component Schema: Defines dependencies, tokens, and internal structure.
  • Smart CLI: Install components with a single command. The code is copied directly into your project.
  • Extensible: Create your own collections and maintain your own visual ecosystem.

Whether using manual workflows or AI-assisted flows, everything naturally fits your Design System.

Production-Ready

Components come ready to use from day one:

  • Professional Aesthetic: Minimal, modern, and highly adaptable.
  • True Visual Consistency: Everything is designed as a system—not as isolated pieces.
  • Easy Customization: Modify tokens, styles, or props without fighting the library.

You get a solid foundation without starting from scratch, but with the full control only an Open Source project can offer.

AI-Native

I7A UI is built for the era of assisted development:

  • Open, readable, standardized code
  • Repeatable patterns that AI can follow with zero ambiguity
  • Documentation tailored for both humans and models
  • Natural workflow to generate new components based on your style

By being Open Code, AI can extend your Design System without breaking its coherence.

Frequently Asked Questions

No. I7A UI is not a traditional npm package. It's a Design System based on copy and paste code directly into your project. This gives you full control over the code without external dependencies that can become outdated or limit you.

Introduction - I7A UI