v0.6.0

Next 15.2.3 upgrade

• refact components for compatibility

Component updates

Flex + Grid

• set relative as default position
• added light + dark props: conditionally render elements based on theme

New components

MegaMenu

• render complex desktop header navigations through a simple component API

HeadingNav

• automatically renders headings on a page with in-page navigation and scroll tracking

Kbar

• command palette with custom trigger + keyboard shortcut and a minimal config

OTPInput

• custom input for validating one-time-passwords

CompareImage

• overlays two elements (image or ReactNode) with a slider to compare them

ThemeSwitcher + ThemeProvider

• easily toggle between light, dark and system modes with localstorage persistance - without flash of unstyled content

AccordionGroup

• an extension of the Accordion to render a list of elements with less code

Schema

• simplify schema markup for rich search results

Meta

• simplify meta tags to prevent duplications for social sharing data

Style updates

Typography

• refact letter spacing for headings

v0.5.1

Rework alignment management of Flex (+Column, +Row)

changes:

• removed justifyContent and alignItems props from Flex
• added horizontal and vertical props to Flex
• added center prop (shorthand for horizontal: center + vertical: center)

features:

• more compact syntax
• consistency regardless of flex-direction

Read docs: Once UI

v0.5.0

New components and styling options, improved customization

Components

Flex

• add support for common CSS properties (pointer-events, overflow, cursor)
• apply global classes instead of inline styles for most props
• support for uneven border / border radius
• support for alpha values for border / background
• improve DX, code maintanability and readability with shorthands (e.g. fill -> fillWidth + fillHeight)
• new variants: <Column> and <Row> for better readability
• expose Flex props on most components for seamless overrides

Buttons + Inputs

• uneven border radius support
• simplified code with ElementType

Background

• reworked component api for improved customization and performance
• add grid prop

Card (NEW)

• simple card component with children (Docs)

Fade (NEW)

• customizable fade effect based on Flex (Docs)

Line (NEW)

• insert horizontal and vertical lines based on Flex (Docs)

LogoCloud (NEW)

• logo showcase for future proofs (Docs)

DatePicker (NEW)

• custom DatePicker (Docs)

DateRangePicker (NEW)

• custom DateRangePicker based on the DatePicker (Docs)

NumberInput (NEW)

• custom type="number" input based on the Input (Docs)

PasswordInput (NEW)

• custom type="password" input based on the Input (Docs)

HoloFx (NEW)

• custom hologram effect wrapper based on Flex (Docs)

TiltFx (NEW)

• custom tilt effect wrapper based on Flex (Docs)

View the updated documentation on Once UI

v0.4.0

New styles and components

Features

• new animated Arrow component
• custom src to Logo icon and wordmark and optional href
• add description prop to Input
• rework Background with new design options
• expand default icon list in icons.ts
• introduce data-scaling attribute
• add code variant to Text and Heading
• add config to apply default style and metadata
• new Header and Sidebar components
• new MediaUpload component (compressor.js)
• new CodeBlock component (prism.js)
• new ToastProvider component to manage Toast globally
• new Textarea component
• new GlitchFx component
• new Carousel component
• new Badge component

Fixes

• prevent subline in User to break into multiple lines
• prevent RevealFx sizing related UI bugs
• prevent Button height from collapsing
• prevent Avatar overflow issue on iOS Safari
• prevent Accordion animation glitches
• update border radius tokens in components
• minor UI bugs
• add new component exports to index.ts

Styles

• remove default icon from Select
• rework icon size in IconButton
• improve Feedback UI
• improve Dialog UI
• global style updates
• update trademarks
• update demo layout and page

Refactors

• SegmentedControl requires value
• improve Dropdown functionality
• improve Dialog UI
• unify Switch, RadioButton, and Checkbox style, improve semantics
• fix Accordion animation glitches
• update / simplify transition tokens
• improve code consistency
• rename radius-999 token to radius-full

Read docs ->

v0.3.0

Customization release
-> new data modes for global styling
-> component improvements

Visit docs ->

v0.2.0

Public release

Initial release

v0.1.0

Initial release