ComponentsFolders

Layers Folder

A 5-tier sunset ember folder component featuring alternating left/right single tabs, straight rectangular geometry, and a cascading accordion bloom animation.

Preview

Research & Analysis

744

Installation

import { LayersFolder } from "@/components/folders";

export default function Example() {
  return <LayersFolder title="Research &\nAnalysis" count="744" />;
}

Component Code

Props

Prop	Type	Default	Description
`title`	`string`	`"Research &\nAnalysis"`	The main header text displayed in amber gold
`count`	`string \| number`	`"744"`	The count badge displayed beneath the title

Books Folder

A two-tone green folder component with stacked cascading vintage notebook pages and spring interactive animations.

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.