I7A UI is a copy-and-paste UI component kit designed to drop directly into your projects. It includes modern components built with React, TypeScript, and Tailwind, smooth animations powered by Framer Motion, and cleanly structured code to help you build professional interfaces effortlessly. It also introduces I7A Bot, an integrated AI assistant that brings ready-to-use intelligence to any website.

Frontend / UI

React 19 and Next.js 16 (App Router, Server Components)
Tailwind 4 for utility-first, responsive styling
TypeScript with strict typing across all components
Supporting libraries:
- clsx and tailwind-merge for class composition
- lucide-react for scalable icons
Animations: framer-motion
Velite for content collections (MDX, docs, blog, etc.)

Architecture / Monorepo

Turborepo for monorepo management and build orchestration
Custom CLI: i7a-cli
- Built with commander, fs-extra, and picocolors
- Includes custom commands for scaffolding and automation
- Bundled with tsup, powered by tsx, and fully typed with TypeScript

Documentation / Markdown / MDX

Advanced content processing with remark and rehype:
- remark-gfm and remark-math for extended Markdown support
- rehype-slug and rehype-autolink-headings for automatic heading links
- rehype-pretty-code for syntax highlighting
- rehype-katex for math formulas
Prism React Renderer for custom code block rendering

Testing / Lint / DevTools

ESLint configured per package
Consistent and strictly validated type definitions across components
Efficient development workflow with concurrently and optimized scripts