2.0 alpha
These docs describe 2.0. Install it with @once-ui-system/core@alpha.
On 1.8.x? Read the 1.x docs
TrademarkTrademarkDocs
Ctrl k
Search docs...
Docs

Installation

Updated: June 2, 2026
View on GitHub
Create a new Once UI app with our starter repository. It will install dependencies and set up the recommended structure: Or add Once UI to an existing project: The following dependencies are installed with Once UI Core:
Package
Version
Purpose
next>=15.5Next.js framework
react>=18React library
react-dom>=18React DOM library
sass^1.77.6CSS preprocessor for styling
@floating-ui/react-dom^2.1.8Positioning for dropdowns
classnames^2.5.1Utility for conditional CSS classes
compressorjs>=1.2.0Image compression in MediaUpload
date-fns^4.1.0Date utility library
prismjs>=1.27.0Code syntax highlighting in CodeBlock
react-icons^5.6.0Icon library
recharts>=3.0.0Data visualization components
The following dependencies are only needed if you use specific features:
Package
Version
Used for
sharp^0.33.4Image optimization in Next.js
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club