{"id":"2080224101432447094","url":"https://x.com/davidhdev/status/2080224101432447094","text":"Introducing Canvas UI, the first ever html-in-canvas component library.\n\nYour DOM is the render target now. Real-time shaders over real, interactive UI.\n\n24 components. React, Vue, Svelte, vanilla TS.\n\nFree. Open source. 🧵\nhttp://canvasui.dev","author":{"name":"David Haz","username":"davidhdev","avatarUrl":"https://pbs.twimg.com/profile_images/2077672716639862784/KpSO9Y3A_200x200.jpg"},"createdAt":"Thu Jul 23 09:30:49 +0000 2026","engagement":{"replies":158,"retweets":364,"likes":4573,"views":619757},"media":{"photos":[],"videos":[{"url":"https://video.twimg.com/amplify_video/2080222371911233536/vid/avc1/3840x2160/zreHD-aYP_d6ULp9.mp4?tag=29","thumbnailUrl":"https://pbs.twimg.com/amplify_video_thumb/2080222371911233536/img/HjezQfZWUWQtYw_h.jpg","width":3840,"height":2160,"duration":48.552}]},"externalLink":{"url":"http://canvasui.dev","displayUrl":"canvasui.dev","title":"Canvas UI: Creative Canvas and WebGL Component Library","description":"An open source component library of creative html-in-canvas and WebGL effects for React, Vue, Svelte, and vanilla JS. Creative effects running over live HTML.","thumbnailUrl":"https://canvasui.dev/og.png"},"adhxContext":{"savedByCount":1,"publicTags":[],"previewUrl":"https://adhx.com/davidhdev/status/2080224101432447094"}}