正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

16,012 subscribers

325,033 次观看 • 2 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

90,073 次观看 • 2 年前

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

75,602 次观看 • 1 年前

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 次观看 • 2 年前

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components

Csaba Kissi

48,550 次观看 • 1 个月前

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥

Steven Tey

103,872 次观看 • 2 年前

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 次观看 • 1 年前

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,391 次观看 • 2 年前

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

81,275 次观看 • 2 天前

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

34,450 次观看 • 6 个月前

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Louis

78,449 次观看 • 11 个月前

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 次观看 • 1 年前

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Hayden

91,003 次观看 • 1 年前

Introducing a library to make tailwind DX so much better... typewind ✨ The magic of Tailwind combined with the safety of Typescript

Introducing a library to make tailwind DX so much better... typewind ✨ The magic of Tailwind combined with the safety of Typescript

Mokshit Jain

458,767 次观看 • 3 年前

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

Nick Babich

71,556 次观看 • 2 年前

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 次观看 • 1 年前

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 次观看 • 4 个月前

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

Tran Mau Tri Tam ✪

59,693 次观看 • 17 天前

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

Pontus Abrahamsson

115,878 次观看 • 1 年前