Components
Loading preview...
Here is hover card component
@ui-layouts
npx shadcn@latest add https://21st.dev/r/uilayout.contact/card-hover-2// demo.tsx
import React from 'react';
import Component from '@/components/ui/card-hover-2';
import { ChevronsRight } from 'lucide-react';
const ComponentDemo = () => {
return (
<div className='flex flex-col items-center justify-center gap-12 p-8 bg-gray-900 min-h-screen text-white'>
<div className='flex flex-wrap justify-center gap-8'>
<div className='flex flex-col items-center gap-2'>
<Component size='lg' />
</div>
</div>
</div>
);
};
export { ComponentDemo as DemoOne };