Getting started

Introduction.

Lantern UI is the design from lantern.thultz.dev, turned into a component library you can drop into any React project.

It works the way shadcn/ui does. There is no package to install. You run the shadcn CLI against this site's registry, and the component source lands in your components/ui folder, ready to edit. Every component is written in TypeScript and styled with Tailwind CSS v4.

There are 88 components: the usual form controls, overlays and navigation, plus pieces that are specific to Lantern, like the terminal window, eyebrow labels, status dots and the numbers strip.

Principles#

You own the code

Components are copied into your project, not installed from a package. Change anything.

Built on shadcn/ui

Same file layout, same CLI, same APIs. If you know shadcn, you already know Lantern UI.

Radix underneath

Menus, dialogs, selects and tabs get keyboard support and screen reader semantics from Radix.

One look

Dark green panels, one orange accent, mono labels and hard offset shadows, taken from Lantern.

Where to next#

Start with Installation to set up a project, read Theming to see the tokens, or browse the components.