Notes for session A1 at WalletUncon 2023

Title of talk: Applying Atomic Design Priniciples to Modular Wallet Development
Convener(s) of talk: Harish Raisinghani
Scribe(s) of talk: Jay Pozo
Links to any presentation matter: https://bit.ly/goldrush-kit-walletuncon

Notes

  • Atomic design is methodology for creating design systems.
    • Consider Atomic Design as a mental model for UI design systems meant to be able to quickly shift between the abstract and the concrete
    • Can simultaneously see your interfaces broken down into their atomic elements and also how those atomic elements combine to form our experiences.
  • Design Stages:
    • 1: Atoms serve as the foundational building blocks that comprise all our user interfaces. Think of these as your component libraries.
    • 2: Molecules which are relatively simple groups of UI elements functioning together as a unit. They generally adhere to the single responsibility principle.
    • 3: Organisms are relatively complex UI components composed of groups of molecules and/or atoms and/or other organisms. These organisms form distinct sections of an interface
    • 4: Templates are page-level objects such as complete layouts and wireframes which include atoms, molecules, and organisms
    • 5: Pages which are specific instances of templates that show what a UI looks like with real representative content in place

Demo using GoldRush Kit

React components for your dApp frontend. 200+ Chains. Open-source. Customizable. Designed to be an extension of your product.

organism_nft
organism_txn_table
organism_multichain_balances

goldrush_themes

Select a repo