Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🖤 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 görüntüleme • 3 yıl önce •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

10 Yorum

Adham Dannaway profil fotoğrafı
Adham Dannaway3 yıl önce

Check out all the UI elements 👇

Aaron Iker ✨ profil fotoğrafı
Aaron Iker ✨3 yıl önce

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

julie4055 profil fotoğrafı
julie40553 yıl önce

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

Adham Dannaway profil fotoğrafı
Adham Dannaway3 yıl önce

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 profil fotoğrafı
Solt Wagner3 yıl önce

Amazing 🙌🔥

Sa’ad profil fotoğrafı
Sa’ad3 yıl önce

Wow I love this

Adham Dannaway profil fotoğrafı
Adham Dannaway3 yıl önce

It's pretty cool 👍

Uiverse.io profil fotoğrafı
Uiverse.io3 yıl önce

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

Jaki profil fotoğrafı
Jaki3 yıl önce

@SaveToNotion #thread

Samuel Hoh profil fotoğrafı
Samuel Hoh3 yıl önce

@SaveToNotion #thread #ui

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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

667,050 görüntüleme • 3 yıl önce

Open-source and free apps for coders and makers - CSS Text effects with AI prompts - Open-source self-hosted dashboard for Amazon SES - Free directory of public APIs - Open-source security framework - UI library for building terminal user interfaces
0:35

Open-source and free apps for coders and makers - CSS Text effects with AI prompts - Open-source self-hosted dashboard for Amazon SES - Free directory of public APIs - Open-source security framework - UI library for building terminal user interfaces

Csaba Kissi

25,136 görüntüleme • 5 gün önce

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,934 görüntüleme • 1 yıl önce

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,334 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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

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

池田 泰延

51,763 görüntüleme • 5 ay önce

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,805 görüntüleme • 5 ay önce

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,753 görüntüleme • 3 yıl önce

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.
1:14

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

82,707 görüntüleme • 23 gün önce

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

43,404 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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,391 görüntüleme • 3 ay önce

Oxygen is the builder for designers who code, and developers with taste • Clean HTML/CSS • Class‑based system • Full design control • Components • Dynamic data support • Developer focused
1:30

Oxygen is the builder for designers who code, and developers with taste • Clean HTML/CSS • Class‑based system • Full design control • Components • Dynamic data support • Developer focused

Oxygen

640,284 görüntüleme • 11 ay önce