This app works best with JavaScript enabled.
Skip to main content
Menu
Components
Rimble UI
Setup
Getting Started
Theming
System Props
Style guide
Ethereum UI
Blockie
Eth Address
MetaMask Button
QR Code
UPort Button
Layout
Box
Flex
Card
Forms
Checkbox
Field
Form
Input
Radio
Select
Slider
Textarea
Feedback
Loader
Pill
Progress
Actions
Button
Link
Alerts
Flash
Modal
ToastMessage
ToastMessage Provider
Information
Tooltip
Data
Table
Typography
Heading
Text
Image
Avatar
Icon
Image
Web3 Components
Onboarding
Network Indicator
Connection Banner
Templates
Transactions
Transaction summary modal
Transaction started modal
Transaction progress banner
Transaction success modal
Transaction failure modal
Not enough ETH modal
Network and Web3
Network indicator
Wrong network modal
No MetaMask modal
Wrong browser modal
Wallet connection
Connection request modal
Signature request modal
Connection request error
Signature request error
Guides
dApp patterns
Connecting to a dapp
1. Can they connect?
2. Before they connect
3. Help with MetaMask
4. Confim success
5. No ETH, no problem
Transaction states
Overview
1. Don't rely on wallet UX
2. Prevention is priority
3. Set user expectation
4. Just enough feedback
5. Design for next steps
dApp Content
Writing for products
Conversational design
Rimble guides 📚
Rimble guides 📚
Research-led guides for creating user-friendly blockchain experiences.
🎨
dApp patterns
Research-led guides on how to design key dApp patterns.
✍️
dApp content
Tips for making your dapp and its content more user-friendly.
