Dev Design Libraryshadcn/ui Backdrop Components
Dev Design Library indexes 22 shadcn/ui backdrop components from 7 open-source UI libraries, with the most coming from Velora UI, Cult UI, Cojeev UI, Shadcn Space and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project.
Hero Color PanelCult UI · ReactSplit-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges
Animated Wave FooterSpectrum UI · Reactcomponent for the Animated Wave Footer
Button 16 - Ripple SpotlightShadcn Space · ReactMouse-tracking ripple spotlight effect button
Ambient backgroundCojeev UI · ReactAdds a quiet animated composition around content, with decorative shapes kept behind a readable surface.
Hero 01FLX UI · ReactA centered serif hero with a soft gradient wash, pill CTA, and a floating integration cloud.
Sign-up cardVelora UI · ReactCentered sign-up card over a grid and light beams, with live password rules, terms and social sign-up.
CoverAceternity UI · React
Hero DitheringCult UI · ReactSplit-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges
Floating Particle FooterSpectrum UI · Reactcomponent for the Floating Particle Footer
Button 17 - Blob FillShadcn Space · ReactCircle blob expands from bottom center on hover to fill the button
Depth backgroundCojeev UI · ReactLayered pollen, contours and orbital shapes with perspective, native-scroll depth and pointer response.
Newsletter sign-upVelora UI · ReactNewsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note.
Hero HeatmapCult UI · ReactSplit-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges
Code Block 03 - Custom BackgroundShadcn Space · ReactCode block with custom background and line numbers
Pattern backgroundCojeev UI · ReactEight distinct, lightweight backgrounds behind content, with a plain option and adjustable spacing, color and strength.
Vortex CTA bandVelora UI · ReactDark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print.
Hero Liquid MetalCult UI · ReactSplit-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges
Pigment fieldCojeev UI · ReactAn original GPU pigment wash using the current Cojeev palette.
Aurora heroVelora UI · ReactCentered hero with a drifting aurora, dotted backdrop, announcement pill and staggered copy.
Hero Static Radial GradientCult UI · ReactSplit-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges
Developer tool heroVelora UI · ReactMinimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs.
Wavy heroVelora UI · ReactBold centered hero over flowing waves, with a rotating headline word and avatar social proof.