#001shadcn/uiyou copy the code and it becomes yoursui.shadcn.com
#00221st.devshadcn components from everyone
#003Aceternity UIloud hero effects built on framer motionui.aceternity.com
#004Magic UIaceternity with the volume turned downmagicui.design
#005React Bitsone animated bit at a timereactbits.dev
#006Motion Primitivesframer motion already composedmotion-primitives.com
#007Fancy Componentsgooey filters, physics, letter-level textfancycomponents.dev
#008unlumen UIthe easing curves are why you goui.unlumen.com
#009Componentrysections that arrive with motion in themcomponentry.dev
#010Skiper UIthe components nobody else buildsskiper-ui.com
#011Cult UIpolished enough to ship as it comescult-ui.com
#012SmoothUIsmall interactions done tastefullysmoothui.dev
#013Watermelon UIblocks for dashboards and app screensui.watermelon.sh
#014HyperUIplain tailwind markup with no depshyperui.dev
#015Uiversethousands of css-only buttons and loadersuiverse.io
#016HeroUIa whole library with a11y handledheroui.com
#017Neobrutalismthick borders and hard shadowsneobrutalism.dev
#018BYQ Supplysections that copy out as promptsbyq.supply
#019GrayBlocksblocks for figma, framer and webflowgrayblocks.net
#020Webflow Templateswhole sites when a component is notwebflow.com/templates
#021Monet1000+ components in one installmonet.design
#022Bklit UIcharts and dashboards built on shadcnbklit.com
#023Shadcn Studioshadcn blocks you can preview themedshadcnstudio.com
#024Radix UIunstyled primitives with watertight a11yradix-ui.com
#025daisyUItailwind class names with no jsxdaisyui.com
#026Tailarkmarketing page blocks in tailwindtailark.com
#027Nexus UIui for chat and streaming ainexus-ui.com
#028Sonnerstop hand-rolling toastssonner.emilkowal.ski
#029dnd kitthe drag and drop everyone ends up ondndkit.com
#030Input OTPotp inputs with paste and a11y doneinput-otp.rodz.dev
#031NumberFlowdigits roll when the value changesnumber-flow.barvian.me
#032Livelinelive line charts that hold 60fpsbenji.org/liveline
#033Lenisthe smooth scroll behind the good siteslenis.dev
#034Transitions.devproduct motion your agent can install
#035aMicromicro-interactions ready to drop inamicro.vercel.app
#036Border Beamthe animated border beam on its ownbeam.jakubantalik.com
#037Liquid Gooeyliquid merges and trails, safari includedgooey.jakubantalik.com
#038Detailsthe details behind the best sites, filtereddetails.so
#039Generative Loadersloaders, the cheapest polish there isgenerativeloaders.com
#040UIBallloaders and small parts for the webuiball.com
#041OriginKitparticle backgrounds and a button made of wateroriginkit.dev
#042GetLayerspaste the prompt, get the webgl sectiongetlayers.ai
#043GSAPtimelines heavy enough for anythinggsap.com
#044Anime.jslighter timelines when gsap is too muchanimejs.com
#045react-springspring physics instead of durationsreact-spring.dev
#046AutoAnimatelist transitions in a single lineauto-animate.formkit.com
#047LottieFilesfree json vector animationslottiefiles.com
#048Rivestateful animation with a real runtimerive.app
#049Spline3d scenes you can drop in the browserspline.design
#050Animistatune a css keyframe and copy it outanimista.net
#051Theatre.jsscrub an animation timeline in browsertheatrejs.com
#052Jittermotion graphics in a figma-like editorjitter.video
#053Swishyprompt in and mp4 outswishy.ai
#054Figmaprototype the motion before buildingfigma.com
#055animostemplated showcase reels for your workanimos.app
#056Magic Animatorpoint it at a static design and gomagicanimator.com
#057easing.devcubic and spring curves graphed side by side
#058Realtime Colorstry a palette on real uirealtimecolors.com
#059fffuelsvg noise, grain and holo generatorsfffuel.co
#060Meshwebgl mesh gradients you can exportmeshgradient.com
#061Shader Gradientanimated shader gradients for r3fshadergradient.co
#062Pattern Monsterrecolour an svg pattern and copy itpattern.monster
#063Shape Dividersvg shapes for the seam between sectionsshapedivider.app
#064CSS Gradientplain gradients and the css to matchcssgradient.io
#065Grainientgradients with grain that animategrainient.supply
#066css.glassglassmorphism css already tuned
#067Instant Gradientfluted glass, dithering and halftone on any imageinstantgradient.com/tools
#068Antliigenerative patterns and texturesantlii.work
#069Photogradientturns an image into a mesh gradientphotogradient.com
#070SVG Patternsanimated svg patterns, no image weightsvg.designcode.io
#071ASCII Magicturns an image or a video into asciiascii-magic.com
#072Color Spectrumpalettes previewed on a real designcolorspectrum.design
#073Cutting Matcutting mat backgrounds, generatedcutting-mat-generator.vercel.app
#074Fontsharequality free fonts that are not googlefontshare.com
#075Fontsourceself-host any open font from npmfontsource.org
#076Bunny Fontsgoogle fonts without the gdpr problemfonts.bunny.net
#077Fonts In Usewhat real brands actually setfontsinuse.com
#078Fontjoylock one font and reroll the pairingfontjoy.com
#079Space Type Generatorkinetic type you can export outspacetypegenerator.com
#080Doodle Fontsdraw a font by hand and download itdoodlefonts.app
#086Mobbinreal app screens browsable by flowmobbin.com
#087Referosearch by visual style not by productrefero.design
#088Appshotsmobile screens sorted by flowappshots.design
#089Godlyaward-tier landing pages one scroll eachgodly.design/sites
#090Recentnew sites daily before they get postedrecent.design
#091Layerscommunity shots without the noiselayers.to
#092Rebrandidentity work before and afterrebrand.gallery
#093CARIan archive of named visual erascari.institute
#094Constraint Systemsinterfaces nobody else would shipconstraint.systems
#095Form Follows Functionhtml5 experiments taking one idea farfff.cmiscm.com
#096DIELINEpackaging design and structure dailythedieline.com
#097posts.designsocial post layouts worth copying
#098Navbar Galleryhundreds of real navbarsnavbar.gallery
#099OGimage.galleryog images that survive the timeline
#100Drainspottingmanhole covers from around the worlddrainspotting.art
#101PFL SafetyCardsa real archive of airline safety cardssafetycards.org
#102Dribbbleshots that hold up if you browse by flowdribbble.com
#103Footer.designfooters pulled from real sites
#104Supaherohundreds of hero sectionssupahero.io
#105Paywall Screensten thousand mobile paywall screenspaywallscreens.com
#10660fps.designinspiration filtered down to motion
#107Curatedevery card opens the real live sitecurated.design
#108Name That UIlook up what a ui element is callednamethatui.com
#109Spotted in Prodshort clips of ios micro-interactionsspottedinprod.com
#110Bento Gridsbento grids and nothing elsebentogrids.com
#111Collect UIdaily shots sorted by ui elementcollectui.com
#112Dark.designdark interfaces only
#113Nicely Done201,000 saas screens from 500 appsnicelydone.club
#114Terminal Industriesthe scroll effect everyone tried to rebuildterminal-industries.com
#115Awwwardsthe old guard, site of the dayawwwards.com
#116Best Designs on Xnine thousand design posts pulled off xbestdesignsonx.com
#117Design on Xinterface, brand and motion, multilingualdesign-on-x.com
#118Insporaweb, branding, motion, 3d and print, hourlyinspora.design
#119macapp.supplymac app interfaces, collected
#120Viewporta plain ui gallery, no gimmickviewport-ui.design
#125uiscannerany url becomes tokens and a promptuiscanner.com
#126getdesign.mda design.md your agent reads first
#127Figma MCP Catalogfigma files reach claude code over mcpfigma.com/mcp-catalog
#128Variantscroll directions instead of promptingvariant.com
#129Google Stitchprompt to ui from googlestitch.withgoogle.com
#130Cursor Directoryrules files for agents by stackcursor.directory
#131Copy Anythingcopies any site pixel perfect, one shotcopy-anything.com
#132Kombaia design agent pointed at engineerskombai.com
#133Stitchdescribe an app, get mobile and web uistitch.withgoogle.com
#134Papera design canvas built on web standardspaper.design
#135Mockuplydevice mockups without photoshopmockuply.com
#136Toools.designthe directory the directories are in
#137Toooooolslo-fi image effects in the browsertooooools.app
#138Rotating glow borderthe @property trick for a rotating glow@property --ang { syntax: "<angle>"; initial-value: 0deg; inherits: false }
.glow { position: relative; isolation: isolate }
.glow::before, .glow::after {
content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: inherit;
background: conic-gradient(from var(--ang), #ff2d55, #ff9500, #ffd60a, #34c759, #00c7be, #0a84ff, #bf5af2, #ff2d55);
animation: spin 3.2s linear infinite;
}
.glow::after { inset: -8px; filter: blur(12px); opacity: .8 }
@keyframes spin { to { --ang: 360deg } }
#139Endless Tools3d assets without opening 3d softwareendlesstools.io
#140Shotsmockups fast, layouts and backgrounds includedshots.so
#141Ultramockproduct screens turned into finished visualsultramock.io
#142Design Engineerwho is hiring for tastedesignengineer.io





