Footer

Your go-to destination for discovering trending open-source projects and uncovering the insights that matter

Legal

  • Terms and conditions
  • Privacy policy

More

  • Pricing
  • Advertise
  • onedump
  • gosnakego
  • Contact us

Social

  • X (Twitter)
  • GitHub
Trendshift owl
What they build speaks louder than words
© 2026 Trendshift, created by Julian Li with ❤️
SignalAdvertise
Trendshift
SignalAdvertise
Sign in
Trendshift owl

Discover trends that matter

DailyWeeklyMonthlyYearly
Live mentionsTopics
RepositoriesDevelopers
InsightsStats
Bifrost
Bifrost

DavidHDev/canvas-ui

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.

#UI components
Visit GitHub
TypeScript
5.2k
282
1 contributors
Custom license
website
AchievementsView all →
FeaturedAdvertise to 180K+ monthly visitors
Bifrost

Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

Momentum

How fast DavidHDev/canvas-ui is gaining stars, and where it lands on Trendshift and GitHub Trending

Activity and trending

Stars, forks and merged pull requests each day or month, lined up with the repository's rank on Trendshift Trending

Sep 1 – Oct 31, 2026

Stars +772 in 61 days

050100
92

Forks +58 in 61 days

0246
6

Merged PRs 1 in 61 days

01
1

Trendshift Trendingwhere the repository ranked each day it made the top 25

Not in the Trendshift top 25 in this period

Sep 1Sep 9Sep 17Sep 25Oct 3Oct 11Oct 19Oct 27
The left and right arrow keys step from day to day; Home and End go to the first and the last

Stars, forks, merged pull requests and Trendshift Trending rank, by day
DayStars gainedForks gainedMerged PRs
Tue, Sep 1, 2026+14+10
Wed, Sep 2, 2026+38+10
Thu, Sep 3, 2026+16+00
Fri, Sep 4, 2026+8+00
Sat, Sep 5, 2026+15+10
Sun, Sep 6, 2026+7+10
Mon, Sep 7, 2026+4+00
Tue, Sep 8, 2026+14+00
Wed, Sep 9, 2026+16+00
Thu, Sep 10, 2026+11+10
Fri, Sep 11, 2026+6+00
Sat, Sep 12, 2026+10+00
Sun, Sep 13, 2026+5+00
Mon, Sep 14, 2026+15+00
Tue, Sep 15, 2026+17+20
Wed, Sep 16, 2026+22+30
Thu, Sep 17, 2026+4+10
Fri, Sep 18, 2026+8+10
Sat, Sep 19, 2026+6+00
Sun, Sep 20, 2026+11+00
Mon, Sep 21, 2026+8+10
Tue, Sep 22, 2026+9+10
Wed, Sep 23, 2026+7+00
Thu, Sep 24, 2026+7+10
Fri, Sep 25, 2026+10+00
Sat, Sep 26, 2026+12+20
Sun, Sep 27, 2026+5+00
Mon, Sep 28, 2026+11+20
Tue, Sep 29, 2026+6+10
Wed, Sep 30, 2026+5+10
Thu, Oct 1, 2026+6+00
Fri, Oct 2, 2026+3+00
Sat, Oct 3, 2026+4+11
Sun, Oct 4, 2026+5+00
Mon, Oct 5, 2026+6+10
Tue, Oct 6, 2026+3+00
Wed, Oct 7, 2026+5+00
Thu, Oct 8, 2026+7+00
Fri, Oct 9, 2026+10+10
Sat, Oct 10, 2026+6+10
Sun, Oct 11, 2026+3+10
Mon, Oct 12, 2026+5+00
Tue, Oct 13, 2026+8+10
Wed, Oct 14, 2026+92+60
Thu, Oct 15, 2026+73+20
Fri, Oct 16, 2026+16+20
Sat, Oct 17, 2026+20+30
Sun, Oct 18, 2026+8+00
Mon, Oct 19, 2026+8+00
Tue, Oct 20, 2026+9+20
Wed, Oct 21, 2026+17+30
Thu, Oct 22, 2026+14+00
Fri, Oct 23, 2026+11+00
Sat, Oct 24, 2026+8+10
Sun, Oct 25, 2026+7+20
Mon, Oct 26, 2026+17+30
Tue, Oct 27, 2026+39+40
Wed, Oct 28, 2026+18+20
Thu, Oct 29, 2026+9+10
Fri, Oct 30, 2026+4+00
Sat, Oct 31, 2026+4+00
Total+772+581
  • 1#1 on the list
  • 7Rank that day
  • Not trending

    • Mentions and achievements

    Where people are talking about DavidHDev/canvas-ui, and every badge it has earned
    1. Oct 161 post

      • 10 个 GitHub 开源项目，让你的 AI 变身顶尖 UI 设计师！ 1. Superdesign Skill｜AI 界面设计技能 2. Better Design｜设计系统与视觉规范 3. Design Taste｜提升 AI 设计审美 4. Canvas UI｜创意交互界面组件 5. Paper Shaders｜视觉着色器与特效 6. UI Layouts｜现代界面布局与组件 7.…

        Read full on X, posted by @0xCheshire

        @0xCheshire · x.com

    2. Oct 151 post

      • 如何用 Claude Code / Codex 做出好看的 UI，每次生成都是浓浓的"AI 味"界面 这 9 个 GitHub 仓库我按用途分好了，建议收藏 🔖👇 1️⃣ Cursify React / Next.js 鼠标光标动效库，跟随、拖尾、磁吸都有，作品集网站用上很加分。 2️⃣ Better Design 开源的设计 MCP 服务器，同时也是一个 shadcn/ui 组件源，内置…

        Read full on X, posted by @BossBear_0621

        @BossBear_0621 · x.com

    3. 2 months earlier
    4. Aug 71 post

      • 33 个 canvas 组件，但先别盯着数量。它做了一件反着来的事：把真实存在的 HTML 页面当成纹理，读进 canvas 里重绘，再让流体、火焰、玻璃这些效果覆盖在上面。页面本身一直是活的，文字能选中、链接能点，于是破坏性效果带来了可控交互，而不是演示动画。核心是实验性的 HTML-in-canvas API，不支持时会回退成 WebGL 覆盖层。这种“让效果找 UI，而不是 UI…

        Read full on X, posted by @vintcessun

        @vintcessun · x.com

    5. 15 days earlier
    6. Jul 231 post

      • 24 components at launch: Liquid. Blaze. Glass. Shatter. VHS. Particle Reveal. Cloth. Ripple. Droplets... Each one a single command. No package, no dependency, the source lands in your project, yours…

        Read full on X, posted by @davidhdev

        @davidhdev · x.com

    You might also like

    Repositories close to DavidHDev/canvas-ui
    FeaturedAdvertise to 180K+ monthly visitors
    Bifrost

    Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

    shader-effects-inc/shaders

    TypeScript

    WebGPU components for React, Vue, Svelte, Solid, JS & Framer

    5.7k282

    shadcn-labs/shadercn

    TypeScript

    Beautiful shader components, built on vgpu and TypeGPU. 100% Free, Zero config, one command setup.

    16810

    latentcat/uvcanvas

    TypeScript

    An React.js component library for beautifully shaded canvas https://uvcanvas.com

    1.4k55

    fand/vfx-js

    TypeScript

    WebGL effects made easy.

    1.2k37

    sockmaster27/svader

    Svelte

    Create GPU-rendered Svelte components

    4648

    pinqy520/revas

    TypeScript

    Use React and CSS to build UI interfaces on canvas

    14314

    gre/gl-react

    TypeScript

    gl-react – React library to write and compose WebGL shaders

    3k160

    AndrewPrifer/liquid-dom

    TypeScript

    Liquid Glass for the Web

    2.6k128

    zzzzshawn/orbkit

    TypeScript

    WebGL shader orbs for React, distributed through a shadcn registry

    1148