Flatty Theme Variants:DarkLight
ComponentsViewportOutliner
HTML+CSS+JS Blender mockups by Pablo Vazquez

Hello, curious.

What: This is a collection of interactive user interface proposals for Blender. developers. None of this is official, changes must be agreed on by the rest of the Interface Design module owners.

Play: Some buttons may be fun to press, most are not. This is my way to share mockups with the rest of the UI team and the community.

Help: Code contributions are welcome if you know some Sass, Pug and basic JavaScript. If you don't know those words but still have cool UI ideas poke me @PabloVazquez_.

Must Check


Top Bar

Global, persistent top bar showing:

  • File
  • Window
  • Help
Modeling
Shading
Render
Animation
Painting
Sequencer
Grease Pencil
Scene
Mode:
Object
Subdivide
Multiple Importance
Quad/Tri
Quad Type:
Path
More...
Default Layout
View Layer

Widgets

Panels

Panel
Dummy Label
Panel with Checkbox
Dummiest Label
Panel with Preset
HD 1080p
Dummier Label

UI List

Panel Title
Add Elements:
  • Default ViewLayer
    • Master Collection
      • Collection Override

Datablock, Tools & Checkboxes

Panel Title
Datablock Picker
Tool With Icon
Without Icon
Disabled Tool
Checkboxes:
Checkbox Checked
Un-checked
Wireframe (disabled)

Dropdowns & Sliders

Panel Title
Dropdowns:
Object Mode
Iconless Dropdown
With a Label:
Value!
Volume:
0.000
Num Slider:
327
  • BW
  • RGB
  • RGBA

Value Slider & Text Input

Panel Title
Unmodified:
50%
Value Modified:
0.652
Disabled:
0.245 cm
Filepath:
//../../
Choose a path...

Dropdown Menu

Scrollbar

Status Bar

[Caminandes] */home/koro/Desktop/shouldnt_save_on_desktop.blend
  • Verts: 88,521
  • Faces: 87,202
  • Tris: 166,270
  • Objects: 1/127
  • Lamps: 0/4
  • Mem: 731.70M
  • camrig_02
84%
36%

Global, persistent bottom bar showing:


Editors

Viewport