Components
Loading preview...
Progressive Blur Card A clean and modern card component with a smooth progressive blur effect that makes images pop while keeping text perfectly readable. Great for travel apps, portfolios, and landing pages. This card comes with a subtle gradient overlay, bold typography, and a simple call-to-action button that feels natural on any UI.
npx shadcn@latest add https://21st.dev/r/waleedkibhen/progressive-blur-cardimport { ProgressiveBlurCard } from '@/components/ui/progressive-blur-card';
export default function Demo() {
return (
<div className="min-h-screen w-full bg-white flex items-center justify-center p-8">
<ProgressiveBlurCard />
</div>
);
}