ChemDoodle Web Components

A minimal, open-source, JavaScript library for fast, professional, HTML5 scientific interfaces

Tutorial Download
These components are interactive!

What are ChemDoodle Web Components?

The ChemDoodle Web Components (CWC) library is a pure JavaScript chemical graphics and cheminformatics library derived from the ChemDoodle® application and produced by iChemLabs. ChemDoodle Web Components allow the wielder to present publication quality 2D and 3D graphics and animations for chemical structures, reactions and spectra. Beyond graphics, this tool provides a framework for user interaction to create dynamic applications through web browsers, desktop platforms and mobile devices such as the iPhone, iPad and Android devices. This library also has complete access to the entire ChemDoodle desktop API through AJAX, allowing for quick access to one of the most robust chemical graphics and informatics packages in existence directly through JavaScript.


From quick, high-quality, chemical renderings to advanced chemistry interfaces added with ease, the ChemDoodle Web Components library is an invaluable tool for chemistry websites. Try playing around with the sketcher below!

Start your project today!

  • Native Browser Experience

    ChemDoodle Web Components are pure JavaScript, which is the language of the browser. Any elements from the library integrate seamlessly with webpages. Users will be amazed by the powerful and clean appearance of your websites and web applications. It is time to give your users the next-generation experience.

  • Simple Installation

    Using the ChemDoodle Web Components library is as simple as linking the JavaScript source file as a URI resource. The library is very easy to learn and even high school students have created projects with it.

  • Compatible

    ChemDoodle Web Components are supported in all major browsers, including Microsoft Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome and Opera. The library will also work anywhere a HTML5 engine is accessible, including through UIWebView components in Apple‘s Cocoa toolkit and through other packaging systems such as PhoneGap.

  • No Plugins

    Goodbye Java applets and Flash! ChemDoodle Web Components work off of the native browser functions and you can finally throw out those clunky plugins. Never again will you have to wrestle with complicated installations, long load times, buggy implementations or security issues.

  • Lightweight

    The ChemDoodleWeb.js file that powers ChemDoodle Web Components is only 319KB in size. This library loads fast and allows your users to quickly get their job done.

  • Mobile Devices

    Java applets and Flash do not work on iPhones and iPads. ChemDoodle Web Components do! Android is also supported.

  • Publication Quality Graphics

    Graphics for 2D and 3D structures, reactions and spectra are supported using the groundbreaking HTML5 <canvas> and WebGL technologies. The graphics standards are based on the ChemDoodle chemical publishing application that is world renowned for its publication quality graphics.

  • Interaction

    ChemDoodle Web Components can recognize user interactions from any device. It recognizes mouse and keyboard events for desktop applications. It also recognizes touch events and gestures for mobile applications. Even very specific actions like rotating an iPad can be easily recognized. One library to rule them all!

  • Thoroughly Tested

    ChemDoodle Web Components development is always checked by a thorough testing suite. It is very unlikely that you will encounter any bugs, ever! But if you do, we will fix them ASAP.

  • Robust Cheminformatics API

    ChemDoodle Web Components has built in access to the entire ChemDoodle desktop API through our AJAX library. This feature gives you out-of-the-box functionality to do things like read ChemDoodle or ChemDraw files directly through JavaScript.

  • Optimized JavaScript

    ChemDoodle Web Components source is written using JavaScript best standards. Only a single variable, ChemDoodle, is placed into the global JavaScript namespace by this library, so you can be sure it doesn’t interfere with any other scripts. All code is packaged using closures for optimal speed and minification.

  • Security

    The ChemDoodle Web Components library is the most secure way to develop scientific apps. JavaScript is as secure as the browser it runs in, and any questionable functions are checked by the browser.

  • No Hidden Files

    Users just need to flush the cache for their browser, and all records that they even used ChemDoodle Web Components will be gone.

  • Large Userbase

    The ChemDoodle brand is one of the most well known in chemical graphics. Users will feel more comfortable using ChemDoodle interfaces in your products.

  • ADA Compliance

    The ChemDoodle Web Components library helps to make any product ADA (Americans with Disabilities Act) compliant as it is fully customizable. Add in sounds to sketcher actions using our API, provide color themes, control keyboard input. Make sure your tools are ADA compliant by using the ChemDoodle Web Components in your project!

  • Support

    Unlike other open-source projects where interest dwindles and updates eventually stop, iChemLabs is dedicated to funding, developing and supporting this library. We guarantee you that ChemDoodle Web Components will remain actively developed and supported for the foreseeable future. We provide high-quality support for this library.

Essential Tools for Accomplished Chemists

Check out our desktop solutions. Scientists around the world use ChemDoodle to save time and complement their talent.

Get your work done with our popular desktop software.