#001shadcn/uithe foundationui.shadcn.com
#00221st.devthousands, searchable
#003Aceternity UIflashy hero effectsui.aceternity.com
#004Magic UIaceternity, calmermagicui.design
#005React Bitsanimated one-offsreactbits.dev
#006Motion Primitivesmotion primitivesmotion-primitives.com
#007unlumen UIbest easing hereui.unlumen.com
#008Componentrycopy-paste + motioncomponentry.dev
#009Skiper UIthe uncommon onesskiper-ui.com
#010Cult UIpolished, opinionatedcult-ui.com
#011SmoothUIsmall and tastefulsmoothui.dev
#012Watermelon UIdashboards and blocksui.watermelon.sh
#013HyperUIplain tailwind, no depshyperui.dev
#014Uiversecss-only odditiesuiverse.io
#015HeroUIa11y handledheroui.com
#016Neobrutalismloud and retroneobrutalism.dev
#017BYQ Supplysections that copy as promptsbyq.supply
#018GrayBlocksfigma / framer / webflowgrayblocks.net
#019Webflow Templateswhole templateswebflow.com/templates
#020Monet1000+, searchable, one commandmonet.design
#021GSAPthe heavyweightgsap.com
#022Anime.jslighter timelinesanimejs.com
#023react-springspring physicsreact-spring.dev
#024AutoAnimatelists, one lineauto-animate.formkit.com
#025LottieFilesvector animationslottiefiles.com
#026Rivestateful, real runtimerive.app
#027Spline3d in the browserspline.design
#028Animistacss keyframes, copy outanimista.net
#029Theatre.jsscrubbable timelinetheatrejs.com
#030Jittermotion graphicsjitter.video
#031Swishyprompt to mp4swishy.ai
#032Figmaprototype motionfigma.com
#033Realtime Colorspalette on real uirealtimecolors.com
#034fffuelnoise, grain, holofffuel.co
#035Meshwebgl meshmeshgradient.com
#036Shader Gradientanimated shadersshadergradient.co
#037Pattern Monstersvg patternspattern.monster
#038Shape Dividersection dividersshapedivider.app
#039CSS Gradientplain gradientscssgradient.io
#040Fontsharenot the google defaultsfontshare.com
#041Fontsourceself-host anythingfontsource.org
#042Bunny Fontsgdpr google mirrorfonts.bunny.net
#043Fonts In Usewhat brands actually setfontsinuse.com
#044Fontjoypairingsfontjoy.com
#045Space Type Generatorkinetic typespacetypegenerator.com
#046Doodle Fontsdraw your owndoodlefonts.app
#051Mobbinreal screens and flowsmobbin.com
#052Referosearchable by stylerefero.design
#053Appshotsmobile, by flowappshots.design
#054Godlyaward-tier landinggodly.design/sites
#055Recentfresh, dailyrecent.design
#056Layerscommunity shotslayers.to
#057Rebrandidentitiesrebrand.gallery
#058CARInamed visual erascari.institute
#059Constraint Systemsinterfaces nobody hasconstraint.systems
#060Form Follows Functionhtml5 experimentsfff.cmiscm.com
#061DIELINEpackagingthedieline.com
#062posts.designsocial posts
#063Navbar Galleryonly navbarsnavbar.gallery
#064OGimage.galleryog images
#065Drainspottingmanhole coversdrainspotting.art
#066PFL SafetyCardsairline safety cardssafetycards.org
#067Dribbbleshots, browse by flowdribbble.com
#068Footer.designonly footers
#078Mockuplymockupsmockuply.com
#079Toools.designthe meta-directory
#080Toooooolslo-fi image effectstooooools.app
#081Rotating glow borderthe @property trick@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 } }