stream/ui
v0.6 · 23 components × 2 designs

Components with character.

Neobrutalism components for React and Tailwind, each in a Classic and a Comic design. Plus playful page sections, 2,000+ icons, mini games, and critters that blink back. Accessible, typed, and yours to copy.

bun add @streamuilib/react

fig. 01 — the critter club

Tap them · meet the club
  • Tailwind v4 ready
  • React 19 ready
  • shadcn CLI ready
  • Accessible by default

01Classic or Comic

One component, two personalities.

Flip the switch. Each specimen is the real component, live: hover, press, and tab through it. Same API in both designs, so you can swap without a refactor.

All components

Showing the classic design · same props, same keyboard support

  • ButtonDocs
  • SwitchDocs
  • ProgressDocs
  • InputDocs
  • AlertDocs

    Changes saved

    Your profile is up to date.
  • CardDocs

    Deploys in seconds

    Every pull request gets a live URL.

02Sections

Whole page sections, ready to drop in.

21 designs across 6 sections: heroes you can play, pricing you can bonk, footers with a punchline. All built from the same components.

All sections

03Icons

Icons that move. Logos you know.

2,000+ line icons on one grid and stroke, with seven CSS animations, plus 3,400+ brand logos. Pick an animation, then click anything to copy its JSX.

Browse all icons

Line icons2,000+

24px grid · 1.75 stroke

Brand logos3,400+

Brand catalog

2,000+line icons

3,400+brand logos

7animations

JSX or SVGclick to copy

04Labs

Toys, games, and the Critter Club.

The playground: 3D toys you can poke, mini games for empty states, and cute critters with expressions. All plain React and CSS, all copyable.

  • lab/radioComponents

    Retro radio

    A 3D 90s radio. Power it on and tune the dial.

  • lab/bearMini games

    Bonk the bear

    Grab the mallet and bonk. Cute squeaks.

05Pro templates

Whole sites, built and ready to ship.

Complete Next.js sites made with these components. Buy once, get the full source, and make it yours for unlimited personal and client projects.

All templates
SaaS Launch hero: a big headline beside 3D keycaps and comic speech bubbles
A feature row with browser and phone mockups
The wall of love: testimonial notes pinned on a grid
Pricing on a black band with three plan cards
template/saasNew

SaaS Launch

A complete landing page for a software product, in the comic look: interactive hero, device mockups, pricing, FAQ, and more.

  • Hero with clickable 3D keycaps
  • Feature rows with browser and phone mockups
  • Testimonials, pricing, and FAQ
  • Footer, 404 page, and a social preview image
  • All copy in one config file
  • Next.js 16
  • React 19
  • Tailwind v4
  • TypeScript

$29one-time · unlimited projects

More templates on the way. The library itself stays free and open source.

06 Get started

Pick a personality. Ship it today.

Add one component in Classic or Comic, see how it fits your codebase, then bring in a hero, a game, or a critter.

bun add @streamuilib/react
Browse components