Components
Loading preview...
Here is Auto layout interactive card
npx shadcn@latest add https://21st.dev/r/ln-dev7/auto-layout-card// demo.tsx
import AutoLayoutCard from '@/components/ui/auto-layout-card';
const AutoLayoutCardDemo = () => {
return (
<main
className="bg-background relative flex min-h-screen w-full items-start justify-center bg-cover bg-center px-4 py-10 md:items-center"
style={{
backgroundImage:
'url(https://images.unsplash.com/photo-1604147706283-d7119b5b822c?w=1600&q=80)',
}}
>
<AutoLayoutCard />
</main>
);
};
export { AutoLayoutCardDemo as DemoOne };