About Us

Visualize Chemical Reactions, Make the Molecular World Within Reach

Through immersive 3D visualization technology, transform complex molecular interactions into intuitive understanding, providing accessible chemistry education experiences for learners worldwide

What We Do

This is a 3D chemical reaction visualization system based on Three.js and React

Why We Built This

Challenges Faced by Traditional Chemistry Education: Chemical reactions are inherently three-dimensional dynamic processes, but traditional textbooks can only display them through static two-dimensional images. Students often struggle to understand how molecules move, collide, and recombine in space.

Our Solution: Using modern web technology, everyone can see realistic 3D molecular models in their browser and observe every detail of chemical reactions. No complex software installation required - just a link brings the microscopic world of chemistry to life.

Our Vision: Make chemistry learning more intuitive, interesting, and efficient. We believe that when students can "see" and "touch" molecules, their understanding of chemistry will be much deeper.

Project Status

Currently in Beta testing phase, continuously optimizing product features and user experience based on real-world classroom feedback and academic collaboration.

Actively developing more features, including more reaction types, custom molecule building tools, collaboration features, and more. Stay tuned!

Acknowledgments

We are grateful to the following individuals for their academic guidance and mentorship during the early development of this project.

Professor Nico Pietroni

Professor, School of Computer Science

Professor Andrew McDonagh

Discipline Leader (Chemistry), Professor, School of Mathematical and Physical Sciences

Project Features

Real-time 3D Visualization

Using hardware-accelerated WebGL technology, runs smoothly in any modern browser.

Interactive Molecular Simulation

Based on RDKit for accurate molecular structure representation, supporting cross-platform use.

Educational Reaction Demonstration

Preloaded with demonstrations of common chemical concepts, no software installation required.

More Features

Easy to Share

Share visualization results with a URL link, perfect for teaching and collaboration

Zero Installation

Open in browser and use immediately, no download or installation required

Multi-language Support

Supports switching between 10 languages

High Performance Rendering

Optimized rendering engine ensures smooth experience

Technology Stack

Built with modern web technologies

React

UI Framework

Responsive component architecture, building efficient and maintainable user interfaces for smooth interactive experiences

Three.js

3D Engine

Powerful WebGL 3D library enabling hardware-accelerated high-performance graphics rendering for complex molecular visualization

R3F

React Three Fiber

React 3D Renderer

Perfectly combining Three.js with React, building 3D scenes using declarative programming for clearer and more maintainable code

Zustand

State Management

Lightweight state management library simplifying global state handling, ensuring efficient data synchronization between components

RDKit.js

Chemistry Toolkit

Industry-standard cheminformatics toolkit providing accurate molecular structure processing and chemical computation capabilities

Tailwind CSS

CSS Framework

Utility-first CSS framework for quickly building modern, responsive user interface designs

Services & Acknowledgments

RDKit.js

This project uses RDKit.js for molecular structure processing. We are grateful to the RDKit community for their excellent open-source chemistry toolkit.

BSD 3-Clause License

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

1. Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.

3. Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Learn more about RDKit at https://github.com/rdkit/rdkit

PubChem PUG-REST API

This project uses PubChem PUG-REST API to retrieve molecular structure data. PubChem is a free chemical database provided by the National Institutes of Health (NIH), containing structural, property, and bioactivity data for over 100 million compounds. We thank PubChem for providing public, free API services.

Official Homepage: https://pubchem.ncbi.nlm.nih.gov/

NCI/CADD Chemical Identifier Resolver

This project uses NCI/CADD Chemical Identifier Resolver API for chemical structure resolution. Provided by the NCI CADD (National Cancer Institute Computer-Aided Drug Design) team, this service supports the conversion of various chemical identifiers and 3D coordinate generation. We thank NCI/CADD for providing public, free API services.

Official Homepage: https://cactus.nci.nih.gov/chemical/structure

Cheminformatics Microservice API (OCSR/DECIMER)

This project uses the OCSR (Optical Chemical Structure Recognition) API provided by Cheminformatics Microservice, developed by Steinbeck Lab. Based on the DECIMER deep learning model, it can recognize chemical molecular structures from images and convert them to SMILES representations. We thank the Cheminformatics Microservice team for providing excellent open-source services to the cheminformatics community.

API Homepage: https://api.naturalproducts.net

Documentation: https://docs.api.naturalproducts.net

GitHub: https://github.com/Steinbeck-Lab/cheminformatics-microservice

Reference:
Venkata Chandrasekhar Nainala, Kohulan Rajan, Jonas Schaub, Christoph Steinbeck. (2024). "Cheminformatics Microservice V3: a web portal for chemical structure manipulation and analysis." Journal of Cheminformatics. DOI: 10.1186/s13321-025-01094-1

Usage Rights & Licensing

Online Platform - Free for Personal Use

ChemViz3D online is free for students, teachers, and individual learners for personal, non-commercial use. No sign-up required — just open your browser and start exploring chemistry in 3D. Schools, institutions, and commercial use require a license.

Desktop App & Steam Workshop - Coming Soon

The desktop app offers offline access and connects you to the Steam Workshop community, where you can browse, download, and share even more chemistry animations created by fellow chemistry enthusiasts. Your support on Steam is the greatest encouragement for us to create better chemistry content — helping students truly understand and fall in love with the world of chemistry. Thank you!

Enterprise & Custom Integration

Need to integrate ChemViz3D into your product, LMS, or training platform? Contact us to discuss custom solutions and licensing options tailored to your organization.

Early Access: This project is currently in Early Access. Features and content are being actively developed. Your feedback helps shape the future of ChemViz3D.

Ready to Explore the Wonderful World of Chemistry?

Join us to understand and experience chemical reactions in a whole new way