/patternplate-ui

pattern library for patternplate

Primary LanguageJavaScript

Patternplate UI

This is the home of Patternplates next UI elements. The idea is a recursive strategy by documenting Patternplates UI in itself.

Stages

  • Stage 1: Concept
    • Structure
      • Navigation ✓
      • Header ✓
      • Pluginareas ✓
      • Settings
      • Pattern ✓
    • Functionalities
      • Narrowing navigation ✓
      • Dark mode
      • Build download
  • Stage 2: Design
    • UI
      • Function buttons ✓
      • Primary button
      • New meta labels
      • Toolbars ✓
    • Frame
      • Navigation ✓
      • Header ✓
      • Pluginarea ✓
      • Settings
      • Pattern ✓
  • Stage 3: Build it!

Note: Stage 2+3 can run simultaneously

Design status

UI Ideas

  • Priority Plus Pattern for toolbars with swiping elements
    • Elements are located in overlay and move out if place is given.
    • By selecting hidden icon overlay gets closed and icon pushes visible icons from right - last icon moves to overlay
  • Probably handles for frames resizing