Using boilerplates to speed up product UI development (with open sourced templates)

Product UI/UX Design Boilerplate
  1. Time savings: you won’t spend precious time doing repetitive work. Instead you begin solving the unique problem quicker.
  2. Quality: because the boilerplate acts as a foundation and scaffold that you build upon, it creates standards for the output. Ideally, your boilerplate should be battle tested and have best practices baked in which you can efficiently port between projects.

A few things to bear in mind:

Bonus (personal boilerplates)

  1. React (SPA): packages react-router for routing, chakra UI for themeable UI components, redux, create-react-app.
  2. React (Static website): next.js, server side rendering, chakra UI for themeable UI.
  3. UI design (Figma): accessibility, information architecture, component library, common web & mobile pages.




Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Odafe Aror

Odafe Aror

Product design freestyles and commentary on being a creator.