Image GithubDocumentationWhy Atomico? SOCIAL GithubTwitterDiscordko-fiYoutube STARTED Why Atomico?Getting startedTemplatePropsHooks UTILITIES @atomico/exports@atomico/hooks@atomico/reactMore

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 Not this is an antipattern Image Components 100% functional, just like in React with hooks. Image Ideal composition for quickly generating design systems and applications. Image Friendly development experience for JavaScript and TypeScript. IMPORT Image WEBCOMPONENT Image STYLES Image DECLARATIONS Image

They trust the use of Atomico JS

 Atomico is designed to create lightweight interfaces for the entire web. We invite you to add Atomico to your projects and have all our support. Image Ideal for progressive implementation, especially in React-based environments. Image Stability with 99.9% coverage for the entire Atomico js package Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX Logo Ibm iX

The Atomico Ecosystem

 Atomico has a modular development ecosystem that involves packaging, state management, router, SSR, SSG, and other Frontend solutions. Image

@atomico/exports

 Automate the output of your files for NPM and create wrappers to provide additional support for React, Preact, and Vue. Image

@atomico/vite

 Empower the development of libraries, applications, and more with a super-powered Atomico plugin for Vite. Image

@atomico/storybook

 Design systems with Atomico? Simple! @atomico/storybook facilitates the rendering and documentation of your web components in Storybook. Image

@atomico/store

 Manage your application's state in a simple way and magically sync your web components with easily manageable states. Image

@atomico/router

 A truly simple but futuristic router manager (asynchronous generators and more) for SPA applications. Image

@atomico/hooks

 How about a library with more than 50 utilities in the form of hooks? That's @atomico/hooks, hundreds of hooks for your project. Image

@atomico/react

 Your web components created with Atomico can function as if they were components created with React. Come on, dive in and create your interface with Atomico for React. Image

@atomico/astro

 Create amazing sites using Atomico and Astro. With these plugins, you will achieve using SSG and SSR with Astro build for Atomico. Image

Milkdown

 Milkdown aims to provide an open source solution for developers to make their editors more powerful and attractive Image

Cally

 Open source calendar components for selecting single dates or date ranges. Framework-agnostic, themeable, localizable, accessible. Image AllAtomicoCommunity Image

Join Atomico JS

 AUTHOR'S MESSAGE Atomico is an open source project developed by UpperCod, we invite you to contribute to the improvement of Atomico in: Image Using and sharing Atomico Image Improving the source code, sharing bugs and new features Image Small donations
Logo Upper
GithubDocumentationWhy Atomico?