Shader components you can copy and paste.
Sections, backgrounds and components built on Paper Shaders. Install them with the shadcn CLI or copy the code straight into your app.
God Rays Hero
SectionA full-bleed hero section lit by animated volumetric light rays.
Dithering Hero
SectionA split hero section with an ordered-dither sphere slowly turning beside the headline.
Dithering Globe Hero
SectionA split hero section with a slowly spinning, ordered-dither globe of the Earth.
Dithering Globe Arcs Hero
SectionA centered hero section with a rising ordered-dither globe and flight arcs between cities.
Halftone Hero
SectionA split hero section that prints any photo as halftone dots, live on the GPU.
Water Caustics Hero
SectionA full-bleed hero lit by rippling pool-light caustics. Made for travel and wellness sites.
Heatmap Hero
SectionA launch hero where your logo glows like a heat map above the headline.
Warp CTA
SectionA call-to-action banner with a hypnotic warped checkerboard background.
Fluted Glass App Download
SectionAn app download section with a phone mockup in front of its own screenshot, seen through fluted glass.
Color Panels Newsletter
SectionA compact newsletter signup band with slowly turning glass panels beside the form.
Pulsing Border Pricing
SectionA three-tier pricing section with a billing toggle and a pulsing glow around the featured plan.
Testimonial Wall
SectionA masonry wall of testimonial cards with a printed paper grain.
Image Dithering Team
SectionA team grid that dithers every headshot into one consistent look, with the original color on hover.
Simplex Noise Changelog
SectionA changelog timeline where every release gets its own cover, generated from the version number.
Radial Gradient Logo Cloud
SectionA "trusted by" logo strip rising over the glowing horizon of a planet.
Neuro Noise Stats
SectionA band of headline numbers over a glowing web of fibers, like traffic moving through a network.
Dithering 404
SectionA full-screen not found page with a dithered vortex behind a lost message.
Smoke Ring Waitlist
SectionA full-screen coming soon page with a smoke ring, a launch countdown and a waitlist signup.
Spiral Launch Countdown
SectionA launch event countdown over a turning spiral, with add-to-calendar links and a live state.
Mesh Gradient Footer
SectionA site footer with a giant wordmark filled by a flowing mesh gradient.
A thin, dismissible announcement strip over a slowly flowing mesh gradient.
Grain Gradient Auth
SectionA split sign-in page with a grainy gradient brand panel and a slot for your own form.
Mesh Gradient Background
ComponentA container with a soft, flowing mesh gradient behind its content.
Dot Grid Background
ComponentA container with a crisp dot grid that fades out towards the edges.
Waves Background
ComponentA container with fine, flowing line waves. Made for fintech and audio pages.
Pulsing Border Card
ComponentA card wrapped in a living, pulsing glow that bleeds softly past its edges.
Pulsing Border Prompt
ComponentAn AI prompt input with modes and file drops, whose glow shows what it is doing: listening, thinking, streaming or failing.
Grain Gradient Card
ComponentA content card with a grainy, animated gradient cover.
Dithering Frame Card
ComponentA card set in a thick frame of animated dithering, like a bezel around the content.
Liquid Metal Orb
ComponentA chrome orb with a liquid metal surface. Great as a logo mark or avatar.
Mesh Gradient Avatar
ComponentA default avatar with a unique mesh gradient generated from any seed, like a user ID or email.
Lens Distortion Card
ComponentAn image card with a magnifying lens that follows the cursor.
Liquid Metal Button
ComponentA call-to-action button with a flowing chrome rim that speeds up on hover.