Put an animated Live2D character on your site with one line of script
This is a design post classified by AGK Intelligence as Animation & motion (a tool drop), kept by the Design Radar because it carries real work, not commentary.
Live2D Widget Put an animated Live2D character on your site with one line of script Live2D Widget adds a Live2D mascot to a web page. It has no runtime dependency besides Live2D Cubism Core, and the core is written in TypeScript. The simplest setup is a single script line in your page. For more control, initWidget takes options for the model path, Cubism 2 and Cubism 5 cores, default model, tool buttons and dragging. Since version 1.0 the model features run in the browser, so you no longer need a backend API. Model files can be served as static files, and a model_list.json plus textures.ca
Posted by DEXTUNE (1.7k followers) 3 days ago · 60 likes · 1.8k views · view the original post on X. Kept by the Design Radar as Animation & motion. Tools mentioned: live2d-widget.
More design work like this
- How the @itsoffbrand team might feel after launching the Lando Norris website with that… — @LuisBizarro
- Puzzle-piece layout choreography for your next web app. — @srbh_here
- Added 3 more storyboard to define the full Spotify experience — @osehfavvy
- messing around with order placing animations... — @stackedlol
- Some fun spinning 3d coins made in @rive_app — keyboard focusable! — @mazzeimotion
- SpaceXSI has updated the animation when switching to a private chat in the Grok app. — @PrivateIcedC81
- Motion with Intent — @uiux_hamad
- this is the scariest f*cking skill you can give Claude Code right now — @Asteri_eth
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:53 UTC. Full method.