Components
Loading preview...
Here is scroll stacking card
@ui-layouts
npx shadcn@latest add https://21st.dev/r/uilayout.contact/stacking-card// demo.tsx
import React from 'react';
import Component from '@/components/ui/stacking-card';
const projects = [
{
title: 'Matthias Leidinger',
description:
'Originally hailing from Austria, Berlin-based photographer Matthias Leindinger is a young creative brimming with talent and ideas.',
link: 'https://images.unsplash.com/photo-1605106702842-01a887a31122?q=80&w=500&auto=format&fit=crop',
color: '#5196fd',
},
{
title: 'Clément Chapillon',
description:
'This is a story on the border between reality and imaginary, about the contradictory feelings that the insularity of a rocky, arid, and wild territory provokesââso French photographer ClĂ©ment.',
link: 'https://images.unsplash.com/photo-1605106250963-ffda6d2a4b32?w=500&auto=format&fit=crop&q=60',
color: '#8f89ff',
},
{
title: 'Zissou',
description:
'Though he views photography as a medium for storytelling, Zissouâs images donât insist on a narrative. Both crisp and ethereal.',
link: 'https://images.unsplash.com/photo-1605106901227-991bd663255c?w=500&auto=format&fit=crop',
color: '#13006c',
},
{
title: 'Mathias Svold and Ulrik Hasemann',
description:
'The coastlines of Denmark are documented in tonal colors in a pensive new series by Danish photographers Ulrik Hasemann and Mathias Svold; an ongoing project investigating how humans interact with and disrupt the Danish coast.',
link: 'https://images.unsplash.com/photo-1605106715994-18d3fecffb98?w=500&auto=format&fit=crop&q=60',
color: '#ed649e',
},
{
title: 'Mark Rammers',
description:
'Dutch photographer Mark Rammers has shared with IGNANT the first chapter of his latest photographic project, âall over againââcaptured while in residency at Hektor, an old farm in Los Valles, Lanzarote.',
link: 'https://images.unsplash.com/photo-1506792006437-256b665541e2?w=500&auto=format&fit=crop',
color: '#fd521a',
},
];
function ComponentDemo() {
return (
<Component projects={projects} />
);
}
export { ComponentDemo as DemoOne };