Tilted Tab Notebook
Neighboring tabs tilt subtly on hover and keyboard focus across four independent pages for notes, plans, ideas and small joys. Edit page titles, append writing prompts, check off plans and export the entire notebook as Markdown, with clear navigation under reduced motion.
Live demo
Interactive demoHover or focus a tab to see its neighbors tilt. Edit pages, check off small plans and export the entire notebook as Markdown.
Open preview in a new windowMake this effect yours
Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.
Download SKILL.md only- Download and unzip
Keep the
tilted-tab-notebook/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Create a four-page notebook with adjacent-tab tilt, keyboard navigation, independent text, checkable plans and full notebook export.
