Getting StartedComponents

Quick Start

Get started with Namespace UIKit in minutes

Requirements

Quick Install

Install Namespace UIKit and required dependencies:

npm i @thenamespace/uikit tailwindcss

Import Styles

Add to your main CSS file globals.css:

@import "tailwindcss";
@import "@thenamespace/uikit/styles";

Import order matters. Always import tailwindcss first.

Use Components

import { Button } from "@thenamespace/uikit";

function App() {
  return <Button>My Button</Button>;
}

What's Next?

Introduction

An open-source UI component library for building beautiful and accessible user interfaces.

Design Principles

Core principles that guide Namespace UIKit's design and development