NotSimpleUIComponentsFolders
Books Folder
A two-tone green folder component with stacked cascading vintage notebook pages and spring interactive animations.
Preview
Books
Classic, Mystery
& More & Etc
Installation
import { BooksFolder } from "@/components/folders";
export default function Example() {
return <BooksFolder title="Books" subtitle="Classic, Mystery\n& More & Etc" />;
}Component Code
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Books" | The title text displayed on the front cover |
subtitle | string | "Classic, Mystery\n& More & Etc" | The secondary category text on the bottom right |
Progress Folder
An interactive folder component that displays progress and animated layers on hover with a hidden signature reveal.
Layers Folder
A 5-tier sunset ember folder component featuring alternating left/right single tabs, straight rectangular geometry, and a cascading accordion bloom animation.