# react-atomic-molecule

> Atomic design in React (molecules)

Latest version **19.0.0** (published 2026-10-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-atomic-molecule
pnpm add react-atomic-molecule
yarn add react-atomic-molecule
bun add react-atomic-molecule
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 19.0.0 |
| Published | 2026-10-29 |
| First published | 2015-10-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 14 |
| Unpacked size | 181.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Hill |
| Maintainers | hillliu |
| Keywords | react-atomic, react-atomic-ui |

## Links

- npm: https://www.npmjs.com/package/react-atomic-molecule
- Repository: https://github.com/react-atomic/react-atomic-molecule
- Homepage: https://github.com/react-atomic/react-atomic-molecule#readme
- Issues: https://github.com/react-atomic/react-atomic-molecule/issues
- npm.io page: https://npm.io/package/react-atomic-molecule

## Dependencies (14)

- [win-doc](https://npm.io/package/win-doc.md) ^0.4.0
- [need-css](https://npm.io/package/need-css.md) ^0.3.0
- [call-func](https://npm.io/package/call-func.md) ^0.5.3
- [class-lib](https://npm.io/package/class-lib.md) ^0.2.1
- [create-el](https://npm.io/package/create-el.md) ^0.2.7
- [ucfirst-js](https://npm.io/package/ucfirst-js.md) ^0.2.0
- [array.merge](https://npm.io/package/array.merge.md) ^0.2.2
- [reshow-build](https://npm.io/package/reshow-build.md) ^1.19.2
- [reshow-runtime](https://npm.io/package/reshow-runtime.md) ^0.17.15
- [reshow-constant](https://npm.io/package/reshow-constant.md) ^0.18.0
- [get-object-value](https://npm.io/package/get-object-value.md) ^0.8.1
- [react-atomic-atom](https://npm.io/package/react-atomic-atom.md) ^19.0.0
- [css-query-selector](https://npm.io/package/css-query-selector.md) ^0.5.2
- [hyphenate-style-name](https://npm.io/package/hyphenate-style-name.md) 1.1.0

## Recent versions

- 19.0.0 (latest) — 2026-10-29
- 5.7.0 — 2025-05-02
- 5.6.2 — 2024-11-25
- 5.6.1 — 2024-07-08
- 5.6.0 — 2024-06-24
- 5.5.2 — 2024-05-14
- 5.5.1 — 2023-10-18
- 5.5.0 — 2023-10-02
- 5.4.0 — 2023-08-14
- 5.3.1 — 2023-07-16
- 5.3.0 — 2023-05-17
- 5.2.1 — 2023-03-27
- 5.2.0 — 2023-03-27
- 5.1.7 — 2023-02-16
- 5.1.6 — 2023-02-16
- … 294 more at https://npm.io/package/react-atomic-molecule/versions

## README

[![CircleCI](https://circleci.com/gh/react-atomic/react-atomic-molecule/tree/main.svg?style=svg)](https://circleci.com/gh/react-atomic/react-atomic-molecule/tree/main)

Reshow Atomic Molecule (React Component)
===============
Atomic design in React (molecule)

* Live Demo: https://react-atomic-ui.js.org/

## NPM
https://www.npmjs.com/package/react-atomic-molecule

## GIT
https://github.com/react-atomic/react-atomic-molecule  

## Documentation:
   * More info https://github.com/react-atomic/react-atomic-molecule/wiki

### <SemanticUI /> Props
   * [refCb](https://github.com/react-atomic/react-atomic-molecule/blob/main/refCB.md)
   * atom
   * styleOrder
   * styles

---
_Source: https://npm.io/package/react-atomic-molecule · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._