WEBCOMPONENTS
Create interfaces with code
simple, fast and light
WITH 3KB OF ATOMICO SIZE IT IS
Simple, fast and light
Atomico is a microlibrary of modern syntax created by UpperCod that simplifies component creation by replacing the use of classes with functions to manage everything.
Inside Atomico is an antipattern
Functions and Hooks to compose your webcomponent
Atomico does not define a shadowDOM by default.
Reactive properties and attributes with support for more than 500 types.
IMPORT
WEBCOMPONENT
STYLES
DECLARATIONS
They trust the use of Atomico JS
We thank all the developers and companies that make it possible to use Atomico in their projects.
If you already use Atomico we want to know your experience, doubts or ideas.
The Atomico Ecosystem
Atomico has a modular development ecosystem that involves packaging, state management, router, SSR, SSG, and other Frontend solutions.
@atomico/exports
Automatically generate the exports, types and optimizing the code to distribute with your package.json
@atomico/router
A router like asynchronous webcomponents really easy to use in SPA applications
@atomico/store
Modern state manager, asynchronous and predictable thanks to the use of generators.
@atomico/hooks
Over 50 highly useful hooks for interface development
@atomico/react
Super powerful wrapper for React and Preact (Works with SSR
🤯)
@atomico/astro
Create SSG and SSR sites with Atomico + Astro build as a tool (like this site)
@atomico/vite
Improves the Atomico development experience + Vite + Vitest
Formilk
Component system created with Atomico, friendly with Forms and with support for React and Preact
AUTHOR'S MESSAGE
Join Atomico JS
Atomico is an open source project developed by
UpperCod, we invite you to contribute to the
improvement of Atomico in:
Using and sharing Atomico
Improving the source code, sharing bugs and new features