React Chemistry Library

Beautiful ChemistryMade Simple

Transform chemical notation into elegant, readable formulas with natural syntax that just works.

50+
Chemical Elements
∞
Combinations
0
Configuration

Live Demo

Watch the magic happen in real-time

Input
H2O{l}
Output
H2O(l)
Water molecule
Simple compound
React
TypeScript
Powerful Features

Chemistry made simple

From basic molecules to complex reactions, everything works naturally

Syntax

Natural Writing

Write exactly as you would on paper

Water
H2O
H2O
Calcium hydroxide
Ca(OH)2
Ca(OH)2

Live Example

See it in action

H2O
H2O
Ca(OH)2
Ca(OH)2
CH3COOH
CH3COOH
3 examples
Intelligence

Auto Detection

Automatically identifies chemical structures

Element
H
H
Compound
NaCl
NaCl

Live Example

See it in action

H
H
NaCl
NaCl
2H2 + O2 -> 2H2O
2H2 + O2 → 2H2O
3 examples
Charges

Ions & States

Handle charges and physical states

Positive ion
Na{+}
Na+
Negative ion
SO4{2-}
SO42-

Live Example

See it in action

Na{+}
Na+
SO4{2-}
SO42-
H2O{l}
H2O(l)
3 examples
Advanced

Complex Structures

Coordination compounds and reactions

Complex ion
[Fe(CN)6]{3-}
[Fe(CN)6]3-
Hydrate
CuSO4·5H2O
CuSO4·5H2O

Live Example

See it in action

[Fe(CN)6]{3-}
[Fe(CN)6]3-
CuSO4·5H2O
CuSO4·5H2O
CH4 + 2O2 -> CO2 + 2H2O
CH4 + 2O2 → CO2 + 2H2O
3 examples
TypeScript
Full type safety
React
Component ready
Zero Config
Just install and use
Interactive Examples

See it in action

Explore comprehensive examples across different chemistry domains. Click any formula to copy the code.

Simple Molecules

Basic chemical compounds

Water

Molecular compound

Click to copy
H2O
H2O

Carbon dioxide

Linear molecule

Click to copy
CO2
CO2

Ammonia

Polar molecule

Click to copy
NH3
NH3

Methane

Tetrahedral

Click to copy
CH4
CH4

Oxygen

Diatomic gas

Click to copy
O2
O2

Calcium chloride

Ionic compound

Click to copy
CaCl2
CaCl2
Quick Setup

Get started in minutes

Three simple steps to start rendering beautiful chemistry in your React applications.

1

Install Package

Choose your preferred package manager and install Equamistry

2

Import Component

Import the chemistry component into your React app

3

Start Creating

Write beautiful chemistry instantly with simple syntax

Install Package

Choose your preferred package manager and install Equamistry

Select any package manager below to copy the install command

Why developers love Equamistry

Built with modern development practices in mind

⚡

Zero Config

Works out of the box

🎯

TypeScript

Full type safety included

📱

Responsive

Looks great everywhere

🎨

Customizable

Style to match your app

Ready to start building?

Join developers already using Equamistry to create beautiful chemistry applications.