Why it is worth attention

It provides a unique retrieval layer for AI agents with rich facet-based filtering and embedded adaptation instructions, enabling agents to avoid generating UI from scratch and instead reuse consistent, zero-dependency components.

Who it is for

AI coding agents and LLM tooling developers
Frontend developers building design systems or rapid prototypes
UI designers seeking a structured component knowledge base
Researchers exploring agent-driven UI generation pipelines

Use cases

AI agent retrieving and composing UI components for a given design task
Rapid prototyping of interfaces by filtering components by role, style, and performance
Building motion-heavy or thematic pages (e.g., portfolios, editorial layouts) with coordinated component sets
Learning how to structure metadata for agent-consumable UI libraries

Strengths

600+ components across 58 themes with zero external dependencies
Lean discovery index and facet-based filtering for efficient agent retrieval
Embedded adaptation metadata in each component file (useWhen, avoidWhen, editableAreas, etc.)
Clear retrieval protocol and composition rules for systematic UI assembly

Considerations

Primarily designed for AI agents; human browsing experience is secondary and requires understanding the schema
Some components are tiered 'needs-review' and may not be production-ready
Components are single .html files without framework integration; adaptation may require manual color/spacing overrides

README quick start

Forever AI Components

Identity

Forever AI Components is a structured design knowledge base and retrieval layer for AI coding agents.

The components are the database. The retrieval layer is the product.

The primary consumer is an AI agent building or improving a visual interface. The registry contains 600+ curated interface components, each structured with rich metadata across many facets and made retrievable by intent. The value is in the structure: every component is labelled, related, scored, and indexed so an agent can consistently retrieve the right one for a given design task, rather than generating UI blind.

Every component is a single .html file. Every component is a URL. Built with CSS, Canvas 2D, and SVG: zero external dependencies, no build step, no framework.

Live canvas: https://forever-components.vercel.app/infinite/ Agent entry point: https://raw.githubusercontent.com/isas1/forever-ai-components/main/agents.json Full index: https://raw.githubusercontent.com/isas1/forever-ai-components/main/infinite/components.index.json

Updated continuously: see ROADMAP.md.

Capabilities

An agent using this registry can:

Search: filter 600+ components across many structured facets
Select: choose the smallest useful set for a given task
Retrieve: fetch complete, ready-to-embed component source via URL
Compose: assemble multiple components into a coherent interface
Adapt: modify retrieved components to match project style, palette, and spacing
Explain: describe selection rationale and remaining work to the user

Decision strategy

When solving a UI task, follow this order:

Understand the requested outcome: what does the interface need to accomplish?
Infer the interface type: single component, page section, or full layout?
Search the index, filtering by useCases, technique, perfTier, style, mood
Prefer existing components over generating new UI from scratch
Prefer perfTier: cheap unless the task explicitly requires heavy animation
Prefer labels: accessible and labels: mobile-ready by default
Prefer low complexity when the component will be adapted
Only generate new UI if no suitable componen

Description

600+ zero-dependency animated web components. One HTML file each. Built for AI agents.

Related repositories

Similar projects matched by category, topics, and programming language.

ddosi

Featured

PacketLens

PacketLens is a pure front-end, offline pcap analysis tool that runs entirely in the browser, supporting deep protocol decoding, HTTPS decryption, and million-packet instant loading without any backend.

HTML

ViffyGwaanl

Featured

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI & Machine Learning

iamtechartist

Featured

human-cell-visualizer

An interactive 3D visualization of three human cell types using Three.js, WebGL particles, and custom GLSL shaders, allowing users to rotate, zoom, morph, and explore annotated structures.

Design & Creative