How zhaosenlin12-creator/motionsites works
MotionSites is a static, offline-first catalog for browsing, searching, previewing, and reusing motion-driven UI prompts. A visitor loads the page, which progressively fetches lightweight counts and card metadata; they can search and filter cards, open a prompt detail view, then copy its text or export it as Markdown. Preview media loads lazily as cards enter view. The README documents additional keyboard, spotlight, density, and localization features. The browser implementation is concentrated in ms_script.js; excerpts are partial, so uncertain internal call wiring is omitted.
Main entry points: ms_script.js Catalog interface · index.html Catalog page · fonts.css Local fonts · catalog-lite.json Lite catalog
Components 15
Catalog browsing
- Catalog page
index.html - Catalog interface
ms_script.js - Search and filters
ms_script.js - Prompt cards
ms_script.js - Local fonts
assets/fonts/fonts.css
Catalog content
- Lite catalog
data/catalog-lite.json - Card metadata
data/catalog-meta.json - Prompt text index
data/catalog-text-index.json - Prompt bodies
data/catalog-text
Preview media
- Preview assets
assets/previews - Community previews
assets/community/superdesign
Prompt actions
- Prompt details
ms_script.js
Other components
- Visitor
- Browser clipboard
- Markdown export
Connections 15
- Visitor → Catalog page: opens
- Catalog page → Catalog interface: loads script
- Catalog page → Local fonts: loads fonts
- Catalog interface → Lite catalog: fetches counts
- Catalog interface → Card metadata: fetches cards
- Visitor → Search and filters: searches or filters
- Search and filters → Prompt cards: updates results
- Prompt cards → Catalog interface: opens detail
- Catalog interface → Prompt text index: fetches on detail
- Catalog interface → Prompt bodies: loads prompt body
- Catalog interface → Preview assets: loads visible media
- Catalog interface → Community previews: loads visible media
- Visitor → Prompt details: copies or exports
- Prompt details → Browser clipboard: copies text
- Prompt details → Markdown export: exports Markdown