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.

Browse components Star on GitHub
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, each in its own design style.

@streamuilib/reactFree · MIT

The library

Pieces for your own pages, in plain React and Tailwind, with no theme provider.

stream/ui ProFrom $29

Pro templates

Whole landing pages, hero to footer. Buy once, get the full source, use it in unlimited projects.

Fintech hero: a headline beside an app window with a rising balance and transaction toastsFintech$39 · one-time
View Fintech Live preview All templates

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, each in its own design style. Buy once, get the full source, and make it yours for unlimited personal and client projects.

All templates
Fintech hero: a headline beside an app window with a rising balance and transaction toasts
A glazed white debit card with a live transaction feed and cash flow
A savings goal picker with a goal estimate chart
Four security frames: face unlock, passkey, card freeze, and alerts
template/fintechMinimal, darkNew

Fintech

A quiet, minimalist site for a money app, in solid black: a live balance, a card that flips, a support chat, savings goals, security, and pricing.

  • An app window with a balance that keeps rising, a trend line, and toasts
  • Accounts, support, savings, and security sections that animate themselves
  • Reviews, four-plan pricing, and a sun-ray call to action
  • Pauses off-screen, holds still for reduced motion, smooth in Safari
  • All copy and numbers in one config file
  • Next.js 16
  • React 19
  • Tailwind v4
  • TypeScript

$39one-time · unlimited projects

Buy · $39View details Live preview
Studio hero: a headline with a yellow pill beside an art board of floating design cards
A results row with a campaign email and stat cards
A 3D phone surrounded by platform logos
Blog cards with covers drawn in code
template/agencyNeobrutalism

Studio

A loud, cartoon-style site for a design studio or agency: animated results, pricing, every channel, a wall of love, a blog, and contact.

  • Hero with a floating art board and client strip
  • Results rows whose cards pop in as you scroll
  • Pricing, channels with real brand logos, and a wall of love
  • A blog row, a call to action, and a footer
  • All copy in one config file
  • Next.js 16
  • React 19
  • Tailwind v4
  • TypeScript

$39one-time · unlimited projects

Buy · $39View details Live preview
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/saasNeobrutalism, comic

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

Buy · $29View details Live preview

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
Browse components Pro templates