react
Featured
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It demonstrates a complete, visually rich ambient scene and interactive pet system using zero frontend frameworks, relying solely on native Web APIs.
Who it is for
- Frontend developers exploring vanilla Web Components and Canvas
- Indie web creators building atmospheric personal websites
- Desktop pet enthusiasts seeking open-source customizable examples
- Developers interested in time-driven procedural animation and interaction
Use cases
- Embedding a dynamic day/night scene and interactive pets on a personal landing page
- Learning how to build a self-contained ambient application with native browser technologies
- Creating a customizable virtual pet companion that responds to clicks and drags
- Studying JSON-driven sprite animation and state machines in a lightweight web context
Strengths
- No frontend framework or runtime dependencies – minimal overhead and full browser compatibility
- Rich environmental simulation (sun path, moon phases, clouds, trees, grass, parallax) driven by local time
- Two pets with auto-idle, random actions, walking, click interaction, and drag-and-drop behavior
- MIT-licensed code and non-OC assets allow reuse, modification, and commercial use
Considerations
- The two pet OC characters (NoirRose, MieMieYan) are not available under MIT and must be removed for any reuse
- Requires an HTTP server for local preview due to ES modules and local resource restrictions
- Pet behavior is configured via JSON files, which may need customisation effort to add new actions or pets
README quick start
使用与授权
Description
个人主页
Related repositories
Similar projects matched by category, topics, and programming language.
yetone
Featured
kill-ai-slop
Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.
TanStack
Featured
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.