AI WORKINGLIVE
THE OFFLINE VISUAL LIBRARY
One library.
Every possibility.
Give your ideas a little more life. Thousands of animated elements, ready to browse, copy, and compose. For humans and the agents they build with.
One HTML file. Zero dependencies. Yours to build with.
ONE SOURCEENDLESS EXPRESSIONSFIG. 001 / THE PRISM PRINCIPLE
3,641ready-to-use facets
18curated galleries
40MCP tools
0runtime dependencies
01 / A LITTLE WINDOW INTO PRISM
Static is optional.
Real facets from the library. Already moving. Already yours.
CHARTS & METRICSLIVE
KPI + Sparkline
FX STORELIVE
Aurora
ANIMATED OBJECTSLIVE
Atom
TEXT EFFECTSLIVE
Gradient Flow
ANIMATION LABLIVE
Scale In Bounce
Sample values are part of the original effect demos. See every facet in the library
02 / FIND YOUR FACET
A whole spectrum to explore.
From a quiet loading state to the chart that tells the whole story.
Charts & MetricsKPIs, gauges, trends, and comparisons266
FX StoreGlow, glass, shimmer, and particles329
Animation LabMotion studies, easing, and physics261
AI WorkingThinking states, token streams, tool calls118
Animated ObjectsSVG objects, icons, and 3D studies185
Input MethodsControls, pickers, toggles, and forms136
Text EffectsGradient, neon, glitch, and kinetic type102
Text ShapesArcs, rings, spirals, and text tunnels53
Maps & GeoOffline maps, markers, and telemetry50
Notifications & StatusToasts, banners, skeletons, and states55
Architecture DiagramsService nodes, connectors, and flows76
AWS ArchitectureReference architectures, official icons87
Callouts & AnnotationsAdmonitions, badges, and timelines50
Obsidian FacetsNote chrome, Canvas, and dashboards130
Menus & ActionsCommand palettes, dropdowns, action bars62
Tables & Data LayoutsSortable tables, grids, and file trees57
Diagrams & FrameworksFishbones, flows, timelines, frameworks58
SpectrumsComponent families. Entire visual languages.1,566
No galleries match. Try “charts”, “AI”, or “motion”.
01
Take it offline.
No CDN. No font requests. No connection required. Download once and keep creating.
02
Make it yours.
Copy self-contained HTML and CSS. Shared design tokens keep your compositions in sync.
03
Build without baggage.
Pure HTML, CSS, and SVG, with small JavaScript helpers where an effect needs them.
03 / HUMAN EYES. AGENT HANDS.
Your agent has
good taste now.
The same catalog you browse is readable by your AI tools. Prism’s local MCP server turns an idea into discovered, composed HTML and CSS.
- ↗ Search and discover across the catalog
- ◇ Compose facets and deduplicate their CSS
- ✓ Validate output and save collections
Node.js 18+ · local stdio transport · 40 tools
YOU
“Find a KPI card and give it
a little glow.”
01DISCOVER
search_effectsFind the right facets.02FETCH
get_effectRetrieve HTML, CSS, and metadata.03BUILD
composeMerge, deduplicate, validate.One paste-ready bundle. All your own.
04 / FROM IDEA TO IN YOUR HANDS
Meet your next building block.
Open the gallery in a browser, or put it to work with your agent.
No setup. Just open.
Browse the hosted library, or download the single HTML file and open it locally. Choose a facet, click Copy, and drop it into your project.
Complete offline library · approximately 32 MB
A catalog your agent can use.
Clone the repository, verify the catalog, and launch the local MCP server. No package installation required.
Client configuration and tool referenceRequires Node.js 18 or newer. Use absolute paths when configuring your MCP client.
GET THE LIBRARY
git clone https://github.com/k33bz/Prism.git
cd Prism
# Open Prism.html in your browser.One prism. Every facet of your report.
Find your next facet