Components
Loading preview...
A folder icon component with a frosted glass front flap, stacked document peek, and smooth spring hover animation that fans the papers open. Pick from 6 color themes via the prop. Drop it into any React or Next.js project and install directly via the shadcn CLI.
@urmauur
npx shadcn@latest add https://21st.dev/r/urmauur/folder-componentsimport { Folder } from "@/components/ui/folder-components";
export default function DemoOne() {
return (
<div className="flex">
<Folder label="Components" />
</div>
);
}