Skip to content

Drag and Drop UI playground for Shopify's Polaris React πŸ»β€β„οΈ

Notifications You must be signed in to change notification settings

LILIStrade/openpolaris

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Open Polaris πŸ»β€β„οΈ

Open Polaris is a drag and drop UI playground for Polaris Design System components.

πŸ‘‰ https://openpolaris.netlify.app

Features

  • πŸ–±οΈ Drag and drop Polaris React components
  • πŸ’³ Props editing
  • πŸ’½ Live preview
  • 🧬 Code generation
  • πŸ› Stackblitz export playground
  • 🎨 100% built by Polaris components
  • πŸ•ΈοΈ Sharable via url

Screenshot

Roadmap

  • βœ… Increase the size of the docs link text
  • βœ… Auto select any new component that was just dragged into the art board
  • βœ… Let the user cycle through the components using their up / down arrows
  • βœ… Add prebuilt templates for the most commonly built component layouts for apps

Credits

  • OpenChakra - The inspiration for this project πŸ™‚

About

Drag and Drop UI playground for Shopify's Polaris React πŸ»β€β„οΈ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.3%
  • CSS 1.4%
  • HTML 0.3%