Devanshi Brower

Projects

Playground

About me

Projects

Playground

About me

Welcome to My Playground 🛝

This is my creative sandbox where I experiment, learn, and grow. Whether I'm exploring new ideas in Figma, crafting interactions through front-end code or using AI agents, I'm always building something in my pursuit to become a better observer and creator. Have a look around!

Interactive Components

Interactive Components

Interactive Components

Inspired by FigJam's toolbar, I designed this mini version in Figma and built using cursor ai

Inspired by FigJam's toolbar, I designed this mini version in Figma and built using cursor ai

Inspired by FigJam's toolbar, I designed this mini version in Figma and built using cursor ai

Started this as a simple button using react in cursor. Later brought it in v0 to refine animations and deploy.

Started this as a simple button using react in cursor. Later brought it in v0 to refine animations and deploy.

Started this as a simple button using react in cursor. Later brought it in v0 to refine animations and deploy.

This little toggle was my first exploration with react and framer motion. The hard part was not building this component but learning how to set up my cursor file and properly install packages.

This little toggle was my first exploration with react and framer motion. The hard part was not building this component but learning how to set up my cursor file and properly install packages.

This little toggle was my first exploration with react and framer motion. The hard part was not building this component but learning how to set up my cursor file and properly install packages.

Tabs created with react, framer motion– experimented to create a smoother transition with the line under tabs.

Tabs created with react, framer motion– experimented to create a smoother transition with the line under tabs.

Tabs created with react, framer motion– experimented to create a smoother transition with the line under tabs.

An exploration for micro-animation between different layouts (in this case, between templates with the same number of sections arranged in different ways). I decided on this transition because it makes that commonality in the layouts apparent to the user.

An exploration for micro-animation between different layouts (in this case, between templates with the same number of sections arranged in different ways). I decided on this transition because it makes that commonality in the layouts apparent to the user.

An exploration for micro-animation between different layouts (in this case, between templates with the same number of sections arranged in different ways). I decided on this transition because it makes that commonality in the layouts apparent to the user.

Web Apps

Web Apps

Web Apps

This is one of my first experiments with v0 by vercel. I was really impressed by how quickly and creatively it was able to code this. I prompted most of this and made minor manual changes in code for spacing. See it in full screen here

This was my final project for the CS50: Intro to Computer Science course. I built this web app with Flask. It visualizes Spotify playlists in a fun, engaging way.
You can watch a walkthrough of it on Youtube and check here is the github repository.