TRUFFLE BOXES

Truffle Boxes are helpful boilerplates that allow you to focus on what makes your dapp unique. In addition to Truffle, Truffle Boxes can contain other helpful modules, Solidity contracts & libraries, front-end views and more; all the way up to complete example dapps.

Official Boxes

Our official boxes come from the developers at Truffle. This first set of boxes is aimed at integration with the React library, with others on the way. Reach out with other official Truffle Boxes you’d like to see, or scroll down to get more information on making your own boxes.

drizzle-box

drizzleStar

This box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes drizzle, drizzle-react and drizzle-react-components to give you a complete overview of Drizzle’s capabilities.

react-box

reactStar

This box comes with everything you need to start using smart contracts from a react app. This is as barebones as it gets, so nothing stands in your way.

react-auth-box
react-uport-box
pet-shop-box
tutorialtoken-box
webpack-box

webpackStar

Example webpack project with Truffle. Includes contracts, migrations, tests, user interface and webpack build pipeline.

metacoin-box

Community Boxes

These boxes are lovingly crafted by members of the Truffle community.

webpack-box

Create Your Own!

Anyone can create a truffle box! To get started check out our documentation and unbox the blueprint Truffle Box to have all you need to get started. All boxes undergo a screening process to ensure compatibility with Truffle. To start the pre-screening process, send us an email with your desired box name and brief description, along with a link to its GitHub repo to: info@trufflesuite.com.

truffle-box-status

status-im/
truffle-box-status

This box comes with everything you need to start using smart contracts from a react app on your mobile. Of course, testing of this box requires you to have iOS/Android device with Status installed on it.

webpack-box

Quintor/
angular-truffle-box
Star

This Truffle Box provides a base for working with the Truffle Framework and Angular. It provides a basic working example of the MetaCoin contracts with Angular components. This project is generated with Angular CLI.

webpack-box

CITA-Toys/
cita-truffle-box
Star

This Truffle Box provides a dapp working room for CITA, a smart contracts supported blockchain framework for enterprise. You can easily build, test and migrate your smart contracts on CITA.

webpack-box
webpack-box
webpack-box
eth-vue Banner

DOkwufulueze/
eth-vue
Star

A vue boilerplate for Ethereum dApps, built on Truffle 4. Uses vuex for state management, vuex-persist for local storage of app state, and vue-router for routing. Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.

eth-truffle-vue Banner
webpack-box
limelabs-angular-box Banner
macroverse-truffle-box Banner
nuxt-box Banner

Paperchain/
nuxt-box
Star

Nuxt-Box is a boilerplate built using the Nuxt.js framework to create a Vue.js application that can interact with the smart contracts on Ethereum.

peerai-api Banner
rapid-box Banner

hexeight/
rapid-box
Star

Rapid Box allows your to focus on development of your Smart Contracts and exposing them through an API service, without spending time bridging Contract ABIs into your Express project.

webpack-box
webpack-box
scoreboard

3of5of7/
scoreboard
Star

Each example from the blog post series can be found within this repo. You can either look at the files in a completed state, or check out the changes that were made in a particular section by changing the branch above.

svelte-box
truffle-ci-box

NFhbar/
truffle-ci-box
Star

This box comes with everything you need to start a truffle project with Travis-ci and Coveralls integration. It also includes solium, eslint, and several common testing helpers.

truffle-create-react-app
truffle-next
truffle-react-dapp
truffle-react-redux
truffle-react-ts-template
truffle-security
truffle-shavings
truffle-starter
truffle-ts-percel-box
truffle-vue
vue-box
vue-dark-chocolate

kierenh/
vue-dark-chocolate
Star

A truffle box that comes with everything you need to start using smart contracts from a Vue App with Bootstrap styling and components. Supporting frameworks include Vuex, Vue-Router & Bootstrap 4 (via Bootstrap-Vue) and webpack. The sample uses webpack-dev-server for hot-reloading or you can build and serve from express.