magicuidesign/magicui

MDXmagicui.design

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

framer-motionnextjsreacttailwindcsstypescriptcomponentsshadcn-ui

Métricas principais

Crescimento de estrelas

Estrelas

21.6k

Forks

1.1k

Crescimento semanal

—

Issues

5k10k15k20k

mai. de 2024set. de 2024jan. de 2025jun. de 2025out. de 2025mar. de 2026jul. de 2026

README

Magic UI

UI Library for Design Engineers

Documentation

Visit https://magicui.design/docs to view the documentation.

Contributing

Visit our contributing guide to learn how to contribute. It only takes ~5 minutes to add your own!

Community

Have questions, comments or feedback? Join our discord.

Authors

Stats

Alt

Star History

License

Licensed under the MIT license.

Repositórios relacionados

nolly-studio/cult-ui

Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌

TypeScriptnpmMIT Licensecomponentsdesign-engineering

cult-ui.com

6k324

ibelick/motion-primitives

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

TypeScriptnpmMIT Licenseanimatedanimation

motion-primitives.com

5.7k221

steven-tey/precedent

An opinionated collection of components, hooks, and utilities for your Next.js project.

TypeScriptnpmMIT Licenseauthjseslint

precedent.dev

5.1k497

prazzon/Flexbox-Labs

A web app for creating flexible layouts with the power of CSS Flexbox.

TypeScriptnpmMIT Licensereactvite

flexboxlabs.netlify.app

4k361

imskyleen/animate-ui

Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.

TypeScriptnpmOthercomponentsframer-motion

animate-ui.com

3.9k200

ui-layouts/uilayouts

UI Layouts isn’t just a library. It’s your complete front-end universe with components, effects, design tools, and ready-to-use blocks, everything you need to build modern interfaces, faster.

TypeScriptnpmMIT Licensecomponent-libraryframer-motion

ui-layouts.com

3.5k210

HamishMW/portfolio

My personal portfolio website built using React and three js

JavaScriptnpmMIT Licenseportfoliodeveloper

hamishw.com

3.5k723

danielpetho/fancy

TypeScriptnpmMIT Licenseanimationdesign

fancycomponents.dev

3k103

d3george/slash-admin

A Modern React Admin Template. It is based on React 19, Vite and TypeScript. It's fast !

TypeScriptnpmMIT Licenseadmin-dashboardantd

admin.slashspaces.com

3k556

motiondivision/motion-vue

Motion for Vue

TypeScriptnpmMIT Licenseframer-motionmotion

motion.dev

2.2k60

adrianhajdin/project_professional_portfolio

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

JavaScriptnpmreactjssanity-io

jsmastery.pro

2.1k501

CaliCastle/cali.so

Personal website for Cali Castle

TypeScriptnpmOtherframer-motionnextjs

cali.so

2k542