Skip to content
@ui8kit

UI8Kit

React component library based on an 8-pixel grid and atomic design concept
README.md

UI8Kit

A modern, clean, and efficient UI component library blending the strengths of shadcn/ui theming, Mantine-style props, and an 8px design grid for pixel-perfect, scalable interfaces.

🎯 Philosophy

UI8Kit prioritizes clarity over complexity, delivering a pure design foundation without overwhelming gradients, animations, or decorations. Focus on typography, spacing, and content hierarchy for timeless, minimalist UIs.

The Three Pillars

  • 🔧 shadcn/ui Theming: Modern CSS variables, Tailwind integration, automatic dark mode, and HSL color system.
  • 📏 Mantine Props Consistency: Intuitive APIs, TypeScript safety, and composable components.
  • 🎨 8px Design Grid System: Consistent spacing, harmonious typography, and scalable visual hierarchy.

✨ Key Features

  • Clean Design System: Minimalist aesthetics with subtle shadows and borders.
  • 🌙 Theme System: Built-in themes (LesseUI, ModernUI, SkyOS), dark/light mode, and localStorage persistence.
  • 🧩 Component Architecture: Core components like Button, Card, Stack, Grid; semantic Typography; flexible Layouts.

Build faster, design smarter—join the UI8Kit community! 🚀

Pinned Loading

  1. core core Public

    A modern, clean, and efficient UI component library that combines the best of three worlds: shadcn/ui theming, Mantine-style props for consistency, and an 8px design grid system

    TypeScript 1

  2. aria aria Public

    @ui8kit/aria is the standalone package for those behaviors

    TypeScript

  3. brand-os brand-os Public

    `npx brand-os` is a Node/Bun CLI for four workflows: scaffold UI8Kit-ready Vite + React projects, emit generated assets from a Brand OS schema, parse HTML into a classified and normalized AST

    TypeScript

  4. ui8px-cli ui8px-cli Public

    ui8px validates utility class maps against an 8 + 4 spacing policy

    TypeScript

  5. cli cli Public

    Official CLI for bootstrapping and managing UI8Kit component workflows in Vite React projects

    TypeScript

  6. resta-app resta-app Public template

    A restaurant web app built with UI8Kit, a design system that combines semantic React components with a DSL (Domain-Specific Language) for template-friendly, LLM-generatable markup

    TypeScript 1

Repositories

Showing 10 of 15 repositories
  • uxdx Public

    CLI to accumulate operator and developer experience packs. One binary, two commands. Package name: @ui8kit/uxdx

    ui8kit/uxdx's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Sep 9, 2026
  • codegen Public

    Spec-driven codegen engine for UI8Kit ui/ primitives. One typed render contract per brick — six generated runtimes (plus a static HTML export) with an identical DOM, design, and ARIA contract

    ui8kit/codegen's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Aug 22, 2026
  • registry Public

    Consumers only need the published r/ tree (npm/CDN). They do not need to clone codegen

    ui8kit/registry's past year of commit activity
    JavaScript 0 MIT 0 0 0 Updated Aug 21, 2026
  • brand-os Public

    `npx brand-os` is a Node/Bun CLI for four workflows: scaffold UI8Kit-ready Vite + React projects, emit generated assets from a Brand OS schema, parse HTML into a classified and normalized AST

    ui8kit/brand-os's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Aug 11, 2026
  • cli Public

    Official CLI for bootstrapping and managing UI8Kit component workflows in Vite React projects

    ui8kit/cli's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Aug 11, 2026
  • bank-reconcile Public

    Starter for browser-only bank statement matching — clone it, drop in your bank PDF + income/expense reports, then ask an LLM (or edit by hand) to adapt the parser to that layout

    ui8kit/bank-reconcile's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Aug 5, 2026
  • aria Public

    @ui8kit/aria is the standalone package for those behaviors

    ui8kit/aria's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated May 1, 2026
  • ui8px-cli Public

    ui8px validates utility class maps against an 8 + 4 spacing policy

    ui8kit/ui8px-cli's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Apr 27, 2026
  • resta-app Public template

    A restaurant web app built with UI8Kit, a design system that combines semantic React components with a DSL (Domain-Specific Language) for template-friendly, LLM-generatable markup

    ui8kit/resta-app's past year of commit activity
    TypeScript 1 MIT 0 0 0 Updated Mar 9, 2026
  • core Public

    A modern, clean, and efficient UI component library that combines the best of three worlds: shadcn/ui theming, Mantine-style props for consistency, and an 8px design grid system

    ui8kit/core's past year of commit activity
    TypeScript 0 GPL-3.0 1 0 0 Updated Mar 9, 2026
View all repositories

Top languages

Loading…

Most used topics

Loading…