stream/ui
Browse the library

Neobrutalism components

Accessible neobrutalism components for React and Tailwind CSS v4, with every state styled. Install them from @streamui/react, or copy a single file into your repo and change anything.

9 components
  • The primary way to trigger an action. Lifts on hover and sinks into its shadow on press. Also available as a class helper for links.

  • stablenewbetapreviewlabsdeprecated

    A compact label for status, category, or counts.

  • Email alerts
    SMS alerts
    Managed by admin

    An on/off toggle for settings that apply immediately. Works controlled or uncontrolled.

  • As it appears on your invoices.

    A single-line text field with an optional leading icon and an invalid state.

  • A native checkbox with a hard-edged face. Fully compatible with forms.

  • Traffic is up 12% week over week, led by organic search.

    Switch between related panels of content without leaving the page.

  • Storage72%
    Bandwidth38%
    Build minutes91%

    Shows how far along a task or quota is.

  • Initials in a toned circle, plus a group that overlaps them.

    • draw
    • spin
    • bounce
    • wiggle
    • pulse
    • shake
    • pop

    Wrap any SVG icon to animate it on hover, on a loop, or once on mount. Seven presets, pure CSS, and off under reduced motion.