Flowscape UI

Open-source 2D canvas SDK for design systems and UI editors.
Made with ❤️ by @FlowscapeUI team

[Flowscape UI @FlowscapeUI]

That's how gradiente works. Playground shows generated gradients from string in different spaces. CSS, Canvas 2d, WebGL, SVG

#gradiente #flowscape #gradient #engine #opensource

[philz1337x @philz1337x]

Maybe I have gone to far with my upscaler 😅

[ApexSage @_ApexSage__]

Advanced Parkour System
#RobloxDev #RobloxDevs #Programming #RobloxScripting

[Flowscape UI @FlowscapeUI]

Npm: https://t.co/nqKuFERfaG
Playground: https://t.co/61kSquo3fH
Docs: https://t.co/7seuxqVKcx

[Flowscape UI @FlowscapeUI]

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

[Flowscape UI @FlowscapeUI]

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.

[Abhijeet Singh @abjt14]

We’ve achieved glass on the web ✨

Real refractions. Real DOM. And it works everywhere. Yes, even on Safari.

https://t.co/A3LimdS5xw

[Praveen Kumar @praveenisomer]

This is how you can make a button motion animation using components in @framer. Tutorial.

[Tom Dörr @tom_doerr]

2D canvas engine for infinite node-based interfaces

https://t.co/WxOeshRBYY

[RPG Paper Maker 📖🪄 @RPGPaperMaker]

RPG Paper Maker 3.0: translate, rotate, scale system improved!

#gamedev | #indiedev

[Tom Dörr @tom_doerr]

Editor for SVG paths in a browser

https://t.co/i5oqL4FECi

[Benji Taylor @benjitaylor]

I've been building myself a visual feedback tool specifically for animations and interactions. Pause at any moment, annotate directly, and it generates a context-rich prompt (file paths, timing, current state, etc) ready to paste into Claude. Has proven extremely helpful.

[miggi from figma @miggi]

You can right-click on a gradient fill in the gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTip

[Aurelien @Aurelien_Gz]

liquid metal ui looks so premium.. even in light mode..

[Flowscape UI @FlowscapeUI]

@Seventydotleven @shadcn Wow, that’s huge