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.

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

TEST

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

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.

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-next
truffle-vue
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.