InWebsite / Developer Tools
InWebAsset
A live catalog of copy-ready React and Tailwind animation snippets, with interactive previews, code export, decorative assets, and an MCP endpoint for AI agents.
- Role
- Product and full-stack engineering
- Stage
- Live product
- Year
- 2026
- Type
- InWebsite product
Use the left and right arrow keys while this gallery is focused to change screenshots.
Project notes
The thinking behind it.
The problem
Developers need a faster way to discover, inspect, and reuse small interface animations without copying opaque examples.
The approach
A searchable catalog pairs each snippet with a live preview and copy-ready code, while a machine-readable registry and MCP endpoint make the library discoverable to AI agents.
Trade-offs
Preview imagery is sample material; exported snippets are designed to be adapted to a project’s own assets and visual system.
What shipped
A live developer tool with a public catalog, reusable code snippets, and AI-agent access.
Scope
What it includes.
- Search and filters for snippet category, placement, style, and intensity
- Interactive preview before copying a snippet
- Sprinkles library for small decorative assets
- Machine-readable registry and MCP access for AI agents
Technology
Built with.
- Next.js
- React
- Tailwind CSS
- GSAP
- Cloudflare Workers
- Cloudflare R2
- Auth0
Keep exploring