Atomico@2

Build web components using a syntax similar to React JS. 🚀

1. Scalable and reusable interfaces: Build once with Atomico, run anywhere — React, Vue, Svelte, HTML, WebView, you name it. Feels super simple — especially if you already know React. 🚀
2. Open communication: Atomico makes building and using web components easy — delivering a truly authentic dev experience. ⚡
3. Performance: Atomico is fast — actually 60% faster than React. Your apps will fly! 🚀

Atomico is fully type-friendly — full autocomplete powered by your IDE, TypeScript, and AI. 🚀

import { c } from "atomico";

const MyComponent = c(
    ({ message }) => (
        <host>
            <h1>Helo {message}</h1>
        </host>
    ),
    {
        props: { message: String }
    }
);

customElements.define("my-component", MyComponent);

Summary

Atomico is a modern micro-library created by Matias Trujillo, aka @UpperCod , designed to simplify web component development. It replaces the need for classes and contexts with functions and scoped logic, supporting attributes, properties, methods, and events — making your components cleaner and easier to maintain.

Join the Team by Contributing to Atomico

We’re happy to help with any support you need to make your contribution. Check out CONTRIBUTING.md for everything you need to get started contributing to Atomico’s web component code.

Not all contributions are code-related — you can also help us improve the Atomico documentation .

A good place to start is by adding or picking up an item from the Atomico Roadmap .

By default, all issues will appear in the backlog column of Atomico’s roadmap for refinement.

Let’s make Atomico better — together! 🚀