랭킹으로 돌아가기

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
스타 성장
스타
21.6k
포크
1.1k
주간 성장
이슈
0
5k10k15k20k
2024년 5월2025년 1월2025년 10월2026년 7월
README
Magic UI - UI Library for Design Engineers

Magic UI

UI Library for Design Engineers

GitHub Repo stars Twitter Follow License Discord

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

Star History Chart

License

Licensed under the MIT license.

관련 저장소
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
6k322
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
3k104
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
1.9k537