| layout | guide |
|---|---|
| title | Code resources |
| description | Code implementations of reference designs and other resources from the Bitcoin Design Guide, created by the community. |
| nav_order | 5 |
| parent | Resources |
| permalink | /guide/resources/code-resources/ |
| main_classes | -no-top-padding |
Although mostly focused on design, some members of the community also have their hands in various code resources that are based on, or influenced by the Bitcoin Design Guide. They are all open source and free to use, modify and contribute to.
The Bitcoin UI Kit is a great resource for designing bitcoin products. While the main effort is on the design components and design source files, there are a couple of code implementations by community members that make adopting the designs in the guide much easier.
- Bitcoin UI for Swift
- Bitcoin UI for Flutter
- Bitcoin UI for React Native (Etta UI)
The Bitcoin Icons project is a handy way to include commonly needed icons for bitcoin products. There are a number of code implementations for Node, React and Vue over on the Github page.
Several different projects are building on the reference designs from the guide. They all have slightly different goals and are at different stages, but are all fantastic learning resources for other people wanting to build a wallet.
Etta Wallet is a resource for experimenting with non-custodial lightning with a strong bias towards usability, accessibility and good UX. Built with React Native. The project is strongly inspired by the [daily spending wallet]({{ '/guide/daily-spending-wallet/' | relative_url }}).
The Monday wallet is an example iOS app using LDK Node, an easy to use implementation of the Lightning Dev Kit.
The BDK Swift example wallet is an iOS app using BDK, the Bitcoin Dev Kit.
The BDG Wallet is a work in process project for implementing the reference designs from the guide in Swift and Flutter. It is also built using LDK Node.
A vanilla JavaScript web component for displaying bitcoin addresses with truncation, expand/collapse, and copy-to-clipboard. Implements the [visual formatting]({{ '/guide/glossary/address/#visual-formatting' | relative_url }}) principles from the guide including prefix highlighting, character grouping, and mono-space fonts. Zero dependencies, Shadow DOM encapsulation, dark mode support.
Various guides on how to build bitcoin wallets that are related to the Bitcoin Design Community.
- Build a bitcoin wallet with SwiftUI - Part 1, BDK
- Build a bitcoin wallet with SwiftUI - Part 2, UI Styling
{% include next-previous.html previousUrl = "/guide/resources/learning-bootcamp/" previousName = "Learning bootcamp" nextUrl = "/guide/contribute/" nextName = "Contribute to guide" %}