Crest UI by Crest Code

A curated showcase of Crest UI components with practical, cohesive examples — by Crest Code.

Install

Get started with the UI package

npm i @crest-code/crest-ui

Setup

Tailwind preset and tokens CSS

1) Install styling helpers (recommended)

npm i @crest-code/tokens @crest-code/config

2) Use the Tailwind preset

// tailwind.config.js
module.exports = {
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./pages/**/*.{ts,tsx}",
    "./node_modules/@crest-code/crest-ui/dist/**/*.{js,ts}"
  ],
  presets: [require("@crest-code/config/tailwind-preset")],
};

3) Import tokens CSS once

@import "@crest-code/tokens/css/variables.css";

Buttons & Inputs

Core actions and form fields

Off
LivePreview

Feedback & Messaging

Alerts and inline tips

Tabs

Organize related content

Craft simple, elegant components.

Modal & Drawer

Layered surfaces for tasks

Navigation

Breadcrumbs & Navbar patterns

Avatars & Badges

Brand presence and status

ACCCNewBetaDeprecated