#react
4 tutorials, projects and news items tagged react.
Song Xiatian Dazzle (宋夏天Dazzle) released the map Skill Three Scope Map 3.0, which lets your AI agent generate runnable 3D globe and administrative-region map projects. Click from the globe into China, its provinces, cities, and districts or counties. Switch between 3D, 2D, and 2D layered over 3D views, recolor everything in one step, and use the new native React support. Note that it uses a custom license with platform restrictions, not an open-source license.
Use when a user wants promotional material for a product, such as a homepage hero image, feature cards, a cursor-driven demo animation, or a Bento feature grid, and does not want to screenshot the real product. Start from a bundled example, build a faux UI from React components, record the full loop and run the automatic check before delivery. The output is an illustration and does not operate the real app. Video export needs a separate recording. Use case: Have an agent use one faux UI to make a demo animation, homepage hero image and Bento feature cards for your product
Meta has released Astryx, a React design system it used internally for eight years and that powers over 13,000 apps, on GitHub under the MIT license, with themes, templates, and a hosted MCP and command-line tool for AI coding assistants. It is currently in Beta and requires React 19.
Use when a user is building a React UI and the project uses Astryx (@astryxdesign/core), or when they name Astryx or ask about its components, themes, or upgrades. Check component docs and templates first via the hosted MCP (search, get) or @astryxdesign/cli before writing code; get consent before running commands that write files; never run the unscoped npx astryx. Use case: Have the agent write UIs following Meta's Astryx component conventions instead of guessing from memory
