ui-design.studio

Latest Tags Designers About

Follow @uidesign_studioFollow

ui-design.studio

A running collection of interface design we like on X. Every shot belongs to its designer and links straight back to the original post. Want your work removed or credited differently? See the about page.

Tags Designers About RSS @uidesign_studio

Design systems · ui-design.studio

Tag

Design systems

45 shots

All Landing page182 AI169 Dashboard96 Motion84 Cards60 Design systems45 SaaS38 Typography37 Navigation36 Bento29 Onboarding29 Icons28 Mobile26 Dark mode25 All tags →

POV: you’re obsessed with @shadcn aesthetics.

Shaban@shabanhr

slot picker interaction by @nitishkmrk would be great to see this built as a shadcn block

Ali Bey@alibey_10

Improved Data Grid in ReUI 2.0: • Fully compatible with @shadcn /create • Separate @base_ui & @radix_ui versions •…

Dashboard and landing page template with Vite and Next.js…

Tom Dörr@tom_doerr

🚀 New project... Bklit UI I'm building beautiful custom Charts & UI components - shadcn/ui compatible & they'll be…

❖ Design System Library A handy collection of top design systems sorted by components and foundational styles. A great…

Adham Dannaway@AdhamDannaway

Just dropped some @shadcn form blocks for Efferd with the latest: - Field - Input Group - Button Group 👇 Link in thread

Shaban@shabanhr

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping…

shaders@npm_i_shaders

Opus 5.0 vs design agency Claude already had access to branding and some design system elements but there is no match…

Robert @ nuova@TheRobertAvram

vercel's design system http://vercel.com/design.md

JohnPhamous@JohnPhamous

✅ Complete end-to-end Sign In/Sign Up flows. ✅ Settings (I personally designed this UI for a company that is now…

this is my favorite shadcn block from Unlumen ui thanks @leouiux npx shadcn add @ unlumen-ui/favicon-search

Ali Bey@alibey_10

Copy text to clipboard with visual, haptic, and audio feedback. Install with @shadcn CLI npx shadcn add…

Chánh Đại@iamncdai

3 steps to make money with premium shadcn blocks for devs with basic design skills 1. pick designs you love. partner…

Ali Bey@alibey_10

ui.bklit.com

Open-source dashboard layout built with @shadcn x @base_ui GitHub: https://github.com/ln-dev7/square-ui

Shaban@shabanhr

Introducing Veil a @shadcn ui marketing blocks kit for building super simple websites. - registry ready - light and…

irung@MeschacIrung

1.2K2 Feb

Open-source layouts I built this month with @shadcn GitHub: https://github.com/ln-dev7/square-ui

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate…

david fant@da_fant

2.7K9 Jan

🚀 @shadcnstudio just hit 600 stars on GitHub! A week ago, it was 500 The week before that, 400 ⭐ The momentum’s been…

Ajay Patel@ajaypatel_aj

coss UI by Cal.com (coss.com/ui)

Just dropped our most awaited Filters component with 10 advance examples: - @shadcn compatible & 100% free - Type-safe…

We designed a UI kit for founders vibe-coding AI products. It sits on shadcn/ui, a solid foundation most of these…

Chris Halaska@chalaska

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode,…

Jakub Antalik@Jakubantalik

Been quietly building @aaruHQ's new design system and porting it into code over the past week. Components built on…

Muharrem Şenyıl@senyil

this logistics status component should be built by a shadcn library designed by @CJfromJBW

Ali Bey@alibey_10

coss ui is just a component library, but someone built a big collection of blocks on top of it. it looks stunning and…

Ali Bey@alibey_10

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript,…

shawn.@zzzzshawn

Daksh Aswall@dakshpixelup

Dashboard and landing page template for React and Next.js…

Tom Dörr@tom_doerr

Text Morph built on Intl.Locale and Web Animations API. dependency-free by @lochieaxon can you make a shadcn component…

Ali Bey@alibey_10

Designing company detail drawer for CRM✨ Built with @shadcn, @huge_icons

Jason D@JasonUXUI

I have been planning to expand the services beyond startups and have also been intrigued by government contracts but…

Nick@nickbakeddesign

Open-source client detail sheet - mobile responsive. Built with @shadcn , @nextjs. GitHub:…

Jason D@JasonUXUI

Go to https://ui.shadcn.com/create. Click on ElevenLabs in the left sidebar. Press D to turn on dark mode. Then hit R…

I just discovered a gem: http://pure.kam-ui.com, a component library based on Base UI that offers an incredible…

Melvyn • Builder@melvynx

Pushed 5 @shadcn CTA Blocks for Efferd UI 👇 Link in thread

Shaban@shabanhr

Just shipped the biggest update with 30+ @base_ui components & 200+ advanced examples. Free and @shadcn defaults…

Chat Shell • built with @shadcn /ui Sidebar.

Chánh Đại@iamncdai

Built a Week Calendar component for modern scheduling interfaces Switch seamlessly between week and month views with…

Edwin Vakayil@edwinvakayil

Dark or light mode for this Hero badge component - which do you prefer here? NordUI design system/UI kit ✨

Ok, let's try some colors. Not just black and white anymore. Shoutout to @shadcn for making dashboard theming this…

Shaban@shabanhr

Design System Section of the Create UI. A complete design & code ecosystem. →[@createuico]™

Chatto@itschatto

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn…

Bart ⚡@bzagrodzki

That's every shot so far. We check for new likes every hour.