Spectrum UI brand assets
Logos, product screenshots, type, color, and links — everything you need to write about or link to Spectrum UI. Download files individually below, or grab the whole kit at once.
The whole kit
Marks, wordmarks, and product screenshots in light and dark — SVG and PNG, plus a readme.
The mark and the lockup.
The dark versions sit on light backgrounds, the light versions on dark. Please don't redraw, recolor, stretch, or add effects to either.
The product, at press quality.
High-resolution captures of the live site in light and dark — drop them straight into an article or roundup.
Four voices, one system.
Spectral carries the headlines, Inter carries marketing copy, Geist Sans carries the product, and Geist Mono carries labels, tags, and code.
Spectral
DisplayThe component library your AI agents are missing.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Inter
BodyAnimation-ready components with copy-paste source.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Geist Sans
Product UIDocs, blocks, and everything in between.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Geist Mono
Labels & codeUPPERCASE TAGS, FILENAMES, AND CODE.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Ink, paper, and two accents.
The interface stays monochrome; orange carries the accent in light mode and lime carries it in dark mode.
Ink · Foreground
#0A0A0A
Paper · Surfaces
#FAFAFA
Orange · Light accent
#F9452D
Lime · Dark accent
#E1F435
Describing Spectrum UI.
Roundup post, newsletter, or model context — copy either description verbatim.
About
Spectrum UI is an open-source library of 250+ animation-ready blocks, components, and variants for React and Next.js, built with Tailwind CSS, Motion, TypeScript, and shadcn/ui.
Every component ships as source code you own: copy it from the docs, install it with the shadcn CLI, or let your AI agent wire it in through the Spectrum UI MCP server.
Spectrum UI is built by Arihant Jain and maintained in the open on GitHub under the MIT license.
One-liner
Animation-ready React components and blocks with copy-paste source
Facts
- Product
- Spectrum UI
- Category
- React component library
- Library
- 250+ blocks, components, and variants
- Stack
- Next.js, Tailwind CSS, Motion, TypeScript
- License
- MIT
- Author
- Arihant Jain
Follow along.
Component drops, changelog notes, and the occasional build-in-public thread.