正在加载视频...

视频加载失败

返回首页

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

AdhamDannaway's profile picture

Adham Dannaway

59,387 subscribers

72,032 次观看 • 3 年前 •via X (Twitter)

#design#uxui#ui#html#css#uidesign#components
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Adham Dannaway 的头像
Adham Dannaway3 年前

Check out all the UI elements 👇

Aaron Iker ✨ 的头像
Aaron Iker ✨3 年前

Saw a lot of my original @CodePen pens (and from others) copied 1:1 without any reference - thats kinda lame - example profiles - -

julie4055 的头像
julie40553 年前

Wow, those look amazing 🤩! If I wanted to design my own set of components where should I start?

Adham Dannaway 的头像
Adham Dannaway3 年前

Starting with a @figma UI kit like @UntitledUI could save lots of time and you'd also learn a lot about how to design and build components 👍

Solt Wagner 的头像
Solt Wagner3 年前

Amazing 🙌🔥

Sa’ad 的头像
Sa’ad3 年前

Wow I love this

Adham Dannaway 的头像
Adham Dannaway3 年前

It's pretty cool 👍

Uiverse.io 的头像
Uiverse.io3 年前

Wow thanks for sharing our app ! We now have a Twitter account 🔥

Jaki 的头像
Jaki3 年前

@SaveToNotion #thread

Samuel Hoh 的头像
Samuel Hoh3 年前

@SaveToNotion #thread #ui

相关视频

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 次观看 • 2 年前

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖
2:08

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 次观看 • 1 年前

successful day of UI design! really starting to feel the benefit of writing plugin UIs in html/css/js
0:38

successful day of UI design! really starting to feel the benefit of writing plugin UIs in html/css/js

imagiro

10,260 次观看 • 2 年前

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇
0:35

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 次观看 • 9 个月前

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 次观看 • 4 个月前

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →
1:38

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

95,813 次观看 • 2 年前

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
0:29

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 次观看 • 3 年前

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,827 次观看 • 11 个月前

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source
0:24

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source

Micky

42,190 次观看 • 1 个月前

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓
0:29

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓

Yoshiki Miura

243,436 次观看 • 3 年前

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic
0:47

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,425 次观看 • 1 年前

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。
0:24

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。

池田 泰延

50,493 次观看 • 4 个月前

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →
1:32

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,635 次观看 • 4 个月前

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,717 次观看 • 3 年前

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵
0:28

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

serafim

41,784 次观看 • 1 个月前

2advanced UI/HUD/FUI Tech Volume 1: "Ultraglyph©" Vector Kit - A Resource for Designers + Motion Artists Get Ultraglyph© here: 500+ Elements [EPS, AI, PNG, SVG]. FREE for all paid-tier Patreon members. Non-members + free members use Black Friday discount code: "D94C0" for 20% off until Monday. #vector #kit #vectorkit #ui #uidesign #design #graphicdesign #illustrator #motiondesign #motiongraphics #symbols #elements
0:59

2advanced UI/HUD/FUI Tech Volume 1: "Ultraglyph©" Vector Kit - A Resource for Designers + Motion Artists Get Ultraglyph© here: 500+ Elements [EPS, AI, PNG, SVG]. FREE for all paid-tier Patreon members. Non-members + free members use Black Friday discount code: "D94C0" for 20% off until Monday. #vector #kit #vectorkit #ui #uidesign #design #graphicdesign #illustrator #motiondesign #motiongraphics #symbols #elements

2Advanced Studios

86,004 次观看 • 1 年前

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨
0:25

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,057 次观看 • 3 个月前

I built my own App Store-inspired tool for my open-sourced apps: Appétit 😅 App Store-like UI, pure HTML/CSS/JS, single JSON file. Homebrew modals, search. It's open-sourced. Build your own app store in minutes. Just fork. → →
0:31

I built my own App Store-inspired tool for my open-sourced apps: Appétit 😅 App Store-like UI, pure HTML/CSS/JS, single JSON file. Homebrew modals, search. It's open-sourced. Build your own app store in minutes. Just fork. → →

fatih kadir akın

56,896 次观看 • 3 个月前

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here
0:28

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here

Sage ⚡️

13,189 次观看 • 11 个月前

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css
0:28

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 次观看 • 2 年前