A comprehensive toolkit for building beautiful Next.js applications with Once UI components.
This repository includes two powerful tools:
- Once UI CLI - Install and manage Once UI components in your existing projects
- create-once-ui-app - Bootstrap new projects with Once UI for Next.js
# Create a new Once UI project
npx create-once-ui-app@latest
# Install components in your project
npx once-ui-cli init
- Interactive component selection
- Automatic dependency resolution
- Smart project structure detection
- Fast and easy installation
- SCSS module support
- Clones the official Once UI Next.js starter kit
- Automatically installs dependencies
# Using npx (recommended)
npx create-once-ui-app@latest
# Or install globally
npm install -g create-once-ui-app
create-once-ui-app
# Using npx (recommended)
npx once-ui-cli <command>
# Or install globally
npm install -g once-ui-cli
once-ui-cli <command>
Available commands:
# Initialize and select components
npx once-ui-cli init
# Add a specific component
npx once-ui-cli add <component-name>
# List all available components
npx once-ui-cli list
Click to expand component list
- Accordion
- Arrow
- Avatar
- AvatarGroup
- Badge
- Background
- Button
- Carousel
- Card
- Column
- Checkbox
- Chip
- ColorInput
- DateInput
- DatePicker
- DateRangePicker
- Dialog
- Dropdown
- DropdownWrapper
- Fade
- Feedback
- Flex
- GlitchFx
- Grid
- Heading
- HoloFx
- Icon
- IconButton
- InlineCode
- Input
- InteractiveDetails
- Kbd
- LetterFx
- Line
- Logo
- LogoCloud
- NavIcon
- NumberInput
- Option
- PasswordInput
- RadioButton
- RevealFx
- Row
- Scroller
- SegmentedControl
- Select
- Skeleton
- SmartImage
- SmartLink
- Spinner
- StatusIndicator
- StylePanel
- StyleOverlay
- Switch
- Tag
- TagInput
- Text
- Textarea
- TiltFx
- Toast
- Toaster
- ToastProvider
- ToggleButton
- Tooltip
- User
- UserMenu
Learn more about Once UI in the Once UI docs.
CLI built by Suhaib King (https://github.com/suhaib3100) Once UI is built by Lorant (https://github.com/lorant-one) and Zsofia (https://github.com/zsofiakm)
MIT
Built with ❤️ by the Once UI Team