Build a Frontend

Interact with your contracts with a proper frontend app

source: Hiro Blog

A major part of building full-stack Stacks applications is creating a well designed UI with a solid UX. One of your primary tools for this is stacks.js, a JavaScript/Typescript library that simplifies working with contracts, wallets, and the Stacks network.

This section assumes you have basic knowledge in front-end development and bootstrapping frontend frameworks.

Basic components to your Stacks frontend app

• Authentication

• Post-Conditions

• Sending Transactions

Stacks brand designs for your app's UI

Access the latest Stacks brand design resources at stacks.co/brand. Find and download Stacks brand design materials directly from the linked Figma space.

---

Additional Resources

• [Hiro Blog] Rich App Templates in the Hiro Platform: Accelerating Web3 Development

• [Hiro Blog] Lean DevOps Strategies for Your Web3 Project

• [Hiro Blog] Introducing Stacks.js Starters: Launch a Frontend in Just a Few Clicks