NotSimpleUIComponentsFolders
Office Folder
A warm kraft manila inverted-trapezoid office folder component with frosted liquid backdrop blur flap, yellowish paper documents, and diagonal document extraction animation.
Preview
Office Files
In ProcessInstallation
import { OfficeFolder } from "@/components/folders";
export default function Example() {
return <OfficeFolder title="Office Files" subtitle="In Process" />;
}Component Code
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Office Files" | The primary title displayed in cocoa brown |
subtitle | string | "In Process" | The sub-header text beneath the title |
Layers Folder
A 5-tier sunset ember folder component featuring alternating left/right single tabs, straight rectangular geometry, and a cascading accordion bloom animation.
Work Files Card
A modern 1:1 pixel-accurate Apple-inspired dark folder card component featuring luscious grainy mesh gradients, custom wallpaper image support, color presets, matching charcoal border frame, and 3 fanning document sheets.