Prism Bits

Prism Bits

Elegantopen-source UI bits you can copy, customize, and ship.

Browse ComponentsContribute on GitHub
  • 34+ components
  • React · Vue · HTML/CSS
  • MIT licensed
Search components, tags, categories, or effects
ReactHTML/CSS/JSVueSvelteCSS-only
ButtonsCardsNavbarsFormsLoadersHero Sections

Featured components

Preview the bit before you copy it.

Visual tiles make it clear what each component does, how polished it feels, and where it fits in a product.

Loading preview…

Cards

Analytics Card

available

An analytics summary card with a visual chart placeholder.

cardanalyticschartmetrics
PreviewCode

Backgrounds

Aurora Veil

available

Softly drifting aurora blobs that sit behind any hero or card content.

backgroundauroragradientmotion
PreviewCode
Loading preview…

Cards

Basic Card

available

A versatile foundational card with a title, description, and an action button.

cardbasicfoundation
PreviewCode
Loading preview…

Cards

Blog Card

available

A standard blog post card with cover image and author metadata.

cardblogarticle
PreviewCode
Why Prism Bits?

Component previews first, source code always close.

Prism Bits is organized around browsing, previewing, copying, and contributing UI components without hiding the implementation behind a heavy system.

Open-source components

A growing set of expressive UI bits designed for real product surfaces.

Multi-framework snippets

A foundation for React now, with room for HTML/CSS/JS and other framework examples.

Built for contributors

Simple registry metadata and category folders make additions easy to review.

Copy, customize, ship

Readable source-first components with visual previews and practical tags.