01
Choose the right kit
Review its screenshots, visual direction, and component collection before you commit to the system.
← All AI Kits
Pro AI Kit
Notion-inspired workspace atelier
An unofficial, original Notion-inspired system for connected workspaces: focused adaptive UI, conversion hierarchy, product proof, and purposeful motion.
Notion-inspired Interface Elements
41 related components
Use this system
Build with this AI Kit in four steps
02
Read the guidance
Start with the implementation instructions and use the tokens as the shared language for every screen.
03
Wire up the code
Bring in the Tailwind or CSS layer once, then adapt it to the framework and structure already in your project.
04
Build from the collection
Reuse the kit's approved elements and compare the result with the screenshots and walkthrough as you iterate.
Unlock the complete AI Kit
Instructions, design tokens, Tailwind, CSS, and the website walkthrough video are available to Starter and Super members.
Log in to continueWebsite walkthrough
See the design in motion
Pro walkthrough video
Upgrade to watch the complete website experience.
Component collection
Build with the same system
Every component below belongs to this AI Kit's assigned collection.