{"id":"magic-ui","name":"Magic UI","url":"https://wunderlust.xyz/r/magic-ui","category":"components","category_label":"UI components","tags":["react","free","open-source"],"short":"150+ animated components in React, Tailwind and Motion","what":"A library of animated components and effects built with React, TypeScript, Tailwind CSS and Motion, made as a companion for shadcn/ui. It also has templates and a Magic UI Pro with blocks for landing pages.","uses":"For adding motion and polish to landing pages without building each effect from scratch.","benefits":["150+ animated components and effects","Made to pair with shadcn/ui","Ready-made landing page templates"],"caveats":["Per its site, the components are free and open source; Magic UI Pro (blocks and templates) is a separate product"],"links":{"official":"https://magicui.design/"},"image":"https://wunderlust.xyz/media/magic-ui-poster.jpg","video":"https://wunderlust.xyz/media/magic-ui.webm","share_image":"https://wunderlust.xyz/og/r/magic-ui.jpg","similar":["obsidianui","react-bits","aceternity-ui","kokonut-ui","shadcn-ui","cult-ui"],"added_on":"2026-11-10","steal":"Ready animated effects for landing pages, built to match shadcn/ui.","patterns":["micro-interaction"],"pt":{"name":"Magic UI","short":"Mais de 150 componentes animados em React, Tailwind e Motion","steal":"Efeitos animados prontos para landing pages, feitos para combinar com shadcn/ui.","what":"Biblioteca de componentes e efeitos animados feitos com React, TypeScript, Tailwind CSS e Motion, pensada como companheira do shadcn/ui. Tem também templates e um Magic UI Pro com blocos para landing pages.","uses":"Para dar animação e acabamento a landing pages sem criar cada efeito do zero.","benefits":["150+ componentes e efeitos animados","Feito para combinar com shadcn/ui","Templates prontos para landing pages"],"caveats":["Segundo a página, os componentes são grátis e de código aberto; o Magic UI Pro (blocos e templates) é um produto à parte"]},"schema_version":1}