masa-sumimoto / suuumin-sampler-ui

A design system and React components with the motif of a music sampler.

SUUUMIN SAMPLER UI

Suuumin Sampler UI is a design system and React components with the motif of a music sampler.

Feature:

• An unusual design system with music equipment as its theme.
• Web-optimized layout designed with a grid system like Bootstrap 5.
• Verify feasibility from both WEB API and design, and update each other daily.

This project uses:

• App : React.js / TypeScript
• State Management : Zustand
• Design : Figma
• Design Component Management : Storybook

Previews

Web Preview

https://suuumin-sampler-ui.masa-sumimoto.com/

※ Currently in preparation
※ Each part is created with responsive design in mind, but the layout of the app itself is created with the assumption that it will be used at 992px or higher.

Design Preview (Figma Template)

※ Currently in preparation

UI Sample (1280 pixels wide case)

Layout Sample (1280 pixels wide case)

Colors

Roadmap to Version 0.1.0