← Graph

Ruby UI

project 12 connections

Open-source component library for Phlex, modeled after shadcn/ui. Ships a catalog of reusable primitives (buttons with primary/secondary variants, select dropdowns, tables, etc.) that developers install by running a generator from the terminal — the CLI 'ejects' the component source from the gem into the host app so developers can maintain it locally, and installs any JavaScript dependencies needed. Built on Tailwind CSS (copies over the app CSS with the Tailwind configuration), Stimulus controllers for component behavior, and floating-ui for a couple of positioning-heavy components; accessibility support may bring in additional packages. Not tied to Active Support — works in Sinatra as well as Rails. In production at a handful of companies. Seth Horsley co-maintains it.

status
active
license
open-source
about
Ruby UI project
About Ruby UI's API philosophy.
Covers Ruby UI's dependencies on Tailwind, Stimulus and floating-ui.
Talk showcases Ruby UI as a shadcn/ui-style component library for Phlex.
about
Ruby UI project
Ruby UI's core API design choice.
person Seth Horsley
recommends
Ruby UI project
Promotes Ruby UI as a Phlex-based component library throughout the talk.
project Ruby UI
related_to
shadcn/ui resource
Ruby UI adapts shadcn/ui's copy-paste/CLI-ejection model to the Phlex+Ruby world.
project Ruby UI
uses
Phlex tool
Ruby UI is a component library for Phlex.
project Ruby UI
uses
Ruby UI is built on Tailwind, mirroring shadcn/ui; ships a Tailwind config to copy into the host app.
project Ruby UI
uses
Stimulus tool
Ruby UI components rely on Stimulus controllers for interactive behavior.
project Ruby UI
uses
Ruby UI pulls in floating-ui for positioning in a few components.
company Statesert
uses
Ruby UI project
Uses the Ruby UI component library.
person Seth Horsley
works_on
Ruby UI project
Co-maintains the Phlex-based Ruby UI component library.
role: maintainer

Provenance

Read by
10 extractions