stream/ui
v0.6 · 23 components × 2 designsNew · Pro templates

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

00Two ways to build

Build it yourself, or start from a whole site.

The library is free and MIT licensed: install one package or copy the source. Pro templates are complete Next.js sites made from it.

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

03Pro 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
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.

04Icons

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

05Labs

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.

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. Or start from a whole site with a Pro template.

bun add @streamuilib/react