Motion Studio

Introduction

A collection of beautifully designed, animated video templates built with Remotion and React. Open source. Free forever.

Why aesthetic/ui?

Most component libraries lock you in. You install a package, import components, and hope the API fits your needs. When it doesn't, you fight the library.

aesthetic/ui works differently. You copy the components you need directly into your project. The code is yours — read it, change it, break it, own it.

What's inside

  • Copy & paste — no npm install. Drop the code directly into your project.
  • Fully typed — every component ships with TypeScript types out of the box.
  • Dark mode — built-in dark mode support using CSS variables.
  • Accessible — built on Radix UI primitives with ARIA roles and keyboard nav.

FAQ

Is this a component library?

Not in the traditional sense. You don't install it as a dependency. You copy the source into your project and own it entirely.

Which frameworks are supported?

Any React-based framework — Next.js, Remix, Vite, Astro. The components are just React + Tailwind, with Remotion for the video pieces.

Can I use this in a commercial project?

Yes. MIT licensed. Use it however you want.