Codecaine Community
Remix · Component · Animation
Classified Folder
One cobalt folder on a warm desk that keeps one secret
Open in Codecaine
Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free
Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.
About
One cobalt folder on a warm desk that keeps one secret: hover and the cover swings open on its hinge while a sheet marked "Do not open" slides out an inch; click and the sheet is pulled out, turned over in the air and laid on the cover so its other side can be read. A single Motion component with every knob as a prop, and a style guide.
Designed for
- A playful empty state, 404 or easter egg that rewards curiosity
- Revealing terms, a secret code or launch notes behind one click
- Showing how a 3D card flip and a hinged cover are built with Motion
- A starting point for any 'open the folder' interaction
Details
- Version
- 1.0.0
- Updated
- Oct 7, 2026
- Pages
- 2
- Framework
- vite
- Styling
- tailwindcss@4
- Dev port
3360- SDK
@canvas/react 0.1.1- License
- MIT
- Download
- 232 KB · 29 files
Keywords
foldercard-flip3dhovermicro-interactionframer-motionmotionreactvitetailwind
More remixes
© CodecainemacOS · Apple Silicon