Design

Sticky Notes

A stack of post-it notes. Click to open the lightbox, then click near the card to flip through. Click left to go back, far away to close. Content is loaded from markdown files -- the consumer decides where the notes directory lives.

Note to self
Remember to **ship it** before it's perfect. Iteration beats ideation every time.

Color Variants

warm
cool
neutral

Usage

import { getAllNotes, StickyNoteStack } from '@/app/design-experiments/sticky-notes'

const notes = getAllNotes('/path/to/your/notes')

<StickyNoteStack notes={notes} />

Content Format

---
date: 2026-02-18
color: warm  # warm | cool | neutral
---
Note content with **bold** and *italic* support.