Andres GonzalezFlowglad · Designer by day, Batman by night

Alright, this Design Engineer thing looks kinda cool. Should I dive into this component library?

9 Oct 2024 · 1 min

Watch on YouTube

0:30

A designer turned design engineer walks through Magic UI, a component library built with React, TypeScript, Tailwind CSS, and Framer Motion. You can grab ready-made pieces like navigation menus, border beams, and confetti animations instead of taking courses. The setup is straightforward enough to start experimenting right away.

As a designer, I've always wondered how to get started as a design engineer until I found this. This is called Magic UI, a UI component library for design engineers. Instead of taking a whole bunch of courses, I could just dive into the abyss and start experimenting with all these pre-built components like this navigation menu or this border beam or this confetti animation, which I would obviously change to all black because I'm Batman, motherfu— It's built with React, TypeScript, Tailwind CSS, and Framer Motion, which is kind of cool because