drizzle-header

drizzle

FRESH CHAIN-DATA FOR FRONT-ENDS

A collection of front-end libraries that make writing dapp user interfaces easier and more predictable.

npm install drizzle --save

GITHUB REPO DOCS

FEATURES

Drizzle

REACTIVE ETHEREUM DATASTORE

The core of Drizzle is based on a Redux store. We take care of synchronizing your contract data, transaction data and more.

Learn More
Drizzle

MAINTAINS UNDERLYING FUNCTIONS

Drizzle extends web3 1.0's contracts, so you have access to all properties & methods described in their documentation.

Learn More
Drizzle

USE AN EXISTING STORE

Drizzle can generate its own store or use your existing store. Simply import its reducers & sagas and you're good to go.

Learn More
Drizzle

COMPONENT LIBRARY

We maintain a library of React components for commonly used dapp functions. For example, generating input forms for contracts.

Learn More

modular, not magic

Drizzle's architecture is completely modular--drizzle as much or as little as you like. We've created two packages for use with React, but the core functionality is contained in the base drizzle module itself. If you're familiar with Redux, it's not a stretch to create an Angular library or use it for something other than a webapp.

  • drizzle: The core library responsible for web3, account and contract instantiation; wiring up the necessary synchronizations and providing additional contract functionality.
  • drizzle-react: Provides a DrizzleProvider component and drizzleConnect helper method to make it easier to connect Drizzle with your React app.
  • drizzle-react-components: A library of useful components for common dapp functions. Currently includes ContractData, ContractForm and LoadingContainer.
Drizzle Modules