ui.pub

a @shadcn registry of next-gen user interfaces, designed for AI ✨

[serhii @serhii_be]

New https://t.co/qSeXL7X85y Pure UI components published:

🔶 Table
🔶 Data Table example Block

Link 🔗

[serhii @serhii_be]

New https://t.co/qSeXL7WAg0 Pure UI component published:

🔶 Dropdown Menu

✅ built with Radix UI
✅ distributed with shadcn registry
✅ multiple animation presets with Motion
✅ respects reduce motion

Link 🔗

[serhii @serhii_be]

New https://t.co/qSeXL7WAg0 Pure UI component published:

🔶 Sheet

✅ built with Radix UI
✅ distributed with @shadcn registry
✅ animated with Motion, respects reduce motion
✅ supports sides, floating variant

Link 🔗

[serhii @serhii_be]

New https://t.co/qSeXL7WAg0 Pure UI component:

🔶 Hover Card

✅ built with Radix UI
✅ distributed with @shadcn registry
✅ animated with Motion, respects reduce motion

https://t.co/1X54H8Jx6K

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI component:

🔶 Avatar

✅ built with Radix UI
✅ distributed with @shadcn
✅ animated Tooltip
✅ badge and status ring
✅ easy to customize
✅ Avatar group, and multiple sizes

https://t.co/Balh3WzGxF

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI component:

🔶 Popover

✅ built with Radix UI
✅ distributed with @shadcn
✅ modal and overlay modes
✅ animated with Motion, respects reduce motion

https://t.co/7wXSOjiBE0

[serhii @serhii_be]

Building with @shadcn is like using LEGO. Once you have your own kit set up, creating new blocks becomes a pure fun.

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI component:

🔶 Tooltip

✅ built with Radix UI
✅ multiple variants
✅ animated with Motion
✅ respects reduce motion

https://t.co/6Wg968Ecj1

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI add-on component:

🔶 Segmented Control

✅ build with Radix UI
✅ Animated with Motion
✅ respects Reduce motion
✅ full keyboard support

https://t.co/dQOGrqeQKt

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI component:

🔶 Tabs

✅ multiple sizes and compact variant
✅ vertical orientation and RTL support
✅ sync Tabs state to URL search params (using nuqs)
✅ lots of animation presets (using Motion)
✅ same @shadcn API

https://t.co/dfzOkQVZ2i

[ui.pub @ui_pub]

@branmcconnell But if you mean RadioCards, then they will be added in add-ons.

[ui.pub @ui_pub]

New @ui_pub Pure UI components published:

🔶 Toggle
🔶 Toggle Group

https://t.co/s3G75jZiUq

[ui.pub @ui_pub]

@branmcconnell Sure, just use type="single" instead of "multiple". Will add to examples, thanks.

[ui.pub @ui_pub]

@LegionWebDev I'll start publishing add-ons this weeks, editor sounds like an amazing add-on. Definitely putting it into a list. TipTap or Lexical?

[ui.pub @ui_pub]

New Pure UI https://t.co/WgtWRFEugF component:

🔶 Alert Dialog
🔶 Dialog

✅ same @shadcn API
✅ animation and transition presets
✅ custom animations with Motion
✅ Respects Reduce motion

https://t.co/Hb0w1CDv8y

[ui.pub @ui_pub]

New Pure UI https://t.co/WgtWRFDWr7 component:

🔶 Input OTP

- same @shadcn API
- detailed styling
- animated with Motion
- works with forms validation

https://t.co/BFigglj57B

[ui.pub @ui_pub]

New Pure UI https://t.co/WgtWRFEugF component:

🔶 Alert

[ui.pub @ui_pub]

New Pure UI https://t.co/WgtWRFDWr7 component:

🔶 Slider

- built with Radix, full API support preserved
- increased touch target
- works with form validation

https://t.co/YtTzyp1pRq

[ui.pub @ui_pub]

New Pure UI https://t.co/WgtWRFEugF component:

🔶 Progress

- build with @shadcn
- indeterminate state animation
- experimental ProgressCircle
- easy to customize

[ui.pub @ui_pub]

New https://t.co/WgtWRFDWr7 Pure UI components published:

🔶 Card
🔶 Carousel