atomicojs/atomico

Health v2 · maintenance only

Adoption not part of the score

1277 stars · 44 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Atomico is a micro-library for building web components using only functions, hooks, and a virtual DOM, with a React-like syntax in JavaScript or TypeScript. It lets you define custom elements that work anywhere (React, Vue, Svelte, plain HTML) with reactive properties, shadow DOM, and full type support.

Use cases

• create web components without classes
• build a design system with reusable custom elements
• use React-style hooks to write web components
• share UI components across React, Vue, and Svelte
• progressively add components to an existing React app
• build lightweight performant interfaces with shadow DOM

When to choose

• you want framework-agnostic web components with a React-like developer experience
• you need small bundle size and fast rendering for custom elements
• you're building a design system consumed by multiple frameworks
• you prefer functions and hooks over class-based component APIs

When to avoid

• you need a full application framework with routing and SSR out of the box
• your team is heavily invested in a single framework's native component model
• you need a large ecosystem of third-party components and tooling
• you don't need web components and can use a mainstream framework directly

Facets

library · maturity active

frontend-framework ui-components state-management ssr web-development frontend web-design browser cross-platform web-components hooks virtual-dom shadow-dom jsx react-like micro-library design-systems custom-elements web-server nodejs typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="atomicojs/atomico")