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-uiSetup
Tailwind preset and tokens CSS
1) Install styling helpers (recommended)
npm i @crest-code/tokens @crest-code/config2) 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
Heads up
This is an informational message.
Saved
Your changes were saved successfully.
Check this
Double-check your inputs before proceeding.
Tooltips keep interfaces tidy.
Tabs
Organize related content
Craft simple, elegant components.
Composable APIs with sensible defaults.
Deliver with clarity and confidence.
Modal & Drawer
Layered surfaces for tasks
Navigation
Breadcrumbs & Navbar patterns
Avatars & Badges
Brand presence and status
ACCCNewBetaDeprecated