Open-source 2D canvas SDK for design systems and UI editors. Made with ❤️ by @FlowscapeUI team
Moldova
Joined December 2025
- Tweets29
- Following62
- Followers7
- Likes163
Love this update!
I've been building DSK, an open-source, framework-agnostic UI kit for canvas editors.
It already has a tldraw integration demo with rulers and comment pins 👀
Would love to contribute more reusable components to the tldraw ecosystem!
flowscape-ui.github.io/dsk/
🚀 Introducing DSK - an open-source UI kit for creative tools and visual editors.
Stop rebuilding complex UI controls from scratch.
⚡ 19 ready-to-use Web Components
🎨 Fully customizable
🧩 Framework-agnostic
🔓 Free & open source
Explore DSK ↓
flowscape-ui.github.io/dsk/
Meet DSK 🚀
An open-source UI kit built for visual editors, design tools, and infinite canvas apps.
⚡ 19 Web Components
🎨 Fully customizable
🧩 Framework-agnostic
📦 Free & open source
Explore the components ↓
flowscape-ui.github.io/dsk/
Flowscape UI retweeted
On August 19, 2011, Web developers Mark Otto and Jacob Thornton of Twitter began creating the CSS framework Bootstrap in mid-2011. The framework was originally developed to help maintain the HTML/CSS and JavaScript code consistency in Twitter applications.
ALT Bootstrap, from Twitter website in 2011
Flowscape UI retweeted
Sneak peek at our latest test for the upcoming PixiJS 3D engine 👀
WebGPU first with WebGL fallback
Optimized for performance from day one
Really excited to get this into your hands... More to come soon!
Models by @quaternius and @KenneyNL 🙏
One thing I admire about open source developers is that many spend years building tools they could monetize directly, just to make other developers lives easier
The impact often comes long before the income
Open source is not just sharing code, It's sharing context
For developers, it means learning, contributing and building faster
For AI, it means understanding real architecture, APIs, docs and decisions
The better we document and structure projects, the more useful they become
That's how you can easily make any gradient from one place
#WebDesign #Flowscape #OpenSource #CSS #gradiente
Did you know CSS gradients aren't images?
When you do - background: linear-gradient(red, blue)
Browser generates pixels mathematically at render time instead of loading an image. That's why gradients scale infinitely and stay crisp at any resolution
#webdev #frontend #gradients
ALT Did you know CSS gradients aren't images? When you do - background: linear-gradient(red, blue) Browser generates pixels mathematically at render time instead of loading an image. That's why gradients scale infinitely and stay crisp at any resolution
That's how gradiente works. Playground shows generated gradients from string in different spaces. CSS, Canvas 2d, WebGL, SVG
#gradiente #flowscape #gradient #engine #opensource
One gradient.
Multiple rendering targets.
The same gradient definition can be transformed into:
• CSS
• Canvas 2D
• WebGL
This makes gradiente useful for websites, design tools, editors, game engines and custom rendering pipelines.
🤖 Made with AI
A gradient is more than a CSS string.
Engine that parses gradients into a structured representation and transforms them into rendering targets
Supported:
✅Linear
✅Radial
✅Conic
✅Diamond
✅Mesh
Built for Flowscape - designed to work everywhere
#Flowscape #webdev #gradiente
