Creating Sidebar with STUDIO

Creating Design System elements together with STUDIO, which allows you to control all elements and create animations in a visual editor and without any design knowledge and no-code ✨.

STUDIO is Web Design Platform for all creatives that allows you to easily create websites without any coding knowledge.

Basic information about implementation:

• The concept of a simple sidebar was created, which contains drop-down elements and buttons for navigating the website (using toggle features).

• Sidebar created in two color versions and the glassmorphism effect added.

• Added unusual rounded elements and an icon based on SVG files.

• Using 4 pixel spacing grid system.

Check out STUDIO / Design Editor for free www.studio.design

---

See the project in LIVE PREVIEW

⚫ DARK MODE | ⚪ LIGHT MODE

---

Leave a comment below and let us know your thoughts! We value your opinion! Share your feedback ✍️