v1.5.0
Once UI 1.5 — Curiosity in Code
Accessibility Improvements
DropdownWrapper
- Scroll lock when open
- Better hover + arrow key handling when using simultaneously
EmojiPicker
- Refactored scroll behavior
- Improved performance
Component Improvements
Flex
- Custom breakpoint support (now a client component applying props and styles accordingly)
- Hidden elements are no longer removed from the DOM — only classes are applied
Scrollbar
- Allow default scrollbar
- Improved minimal scrollbar UI
Radius
"full"is now supported for individual border radius (e.g.topLeftRadius="full")
Button
- New shorthand prop
roundedusingdata-border
Background
- Improved line rendering for better visual quality
Card
- More accurate border radius spreading for cleaner tab selection UI
- Removed hover effect on tap for more natural responsive design
Input / Textarea
- Native character count support for
maxLength
MegaMenu
- Improved animations
- Support for custom content via
ReactNode - Reduced re-rendering
Icon / IconButton / HeadingLink
- Refactored with new
Animationcomponent - Added fade-in animation for
Tooltip
HeadingNav
- Added default heading
Heading / Text
- Adjusted line-height for display sizes
- Separate multiplier variables for display
- Added support for
XSandXLlabel sizes
TiltFx
- Added distortion amount support
UserMenu
- Disabled click when loading
New Components
Hover
A minimal component that supports overlaying elements on hover.
Animation
A robust component that can be used to craft more complex interactions.
HoverCard
A portal-based element built on top of Animation for simple hover interactions.
Timeline
A static timeline component that supports various data elements.
Swiper
A new multi-image component that supports mobile gestures and dragging.
TypeFx
A typewriter-style component that supports an array of words.
MatrixFx
A canvas-based animation for dot patterns with style adjustments.
ShineFx
A shining text effect, recently used for AI "Thinking" states.