grim

introducing dither-kit a library of gorgeous dithered charts built from the ground up, no dependencies, they're built on top of a tiny <canvas> engine install it today at tripwire.sh/dither-kit

you killed the design here! couple nitpicks: new piece is a create action, import is an upload action, and audio --> midi i assume takes you to a dedicated page. these all use the same button style. the user needs the website to tell them what to do first. if all elements on the page look the same, then they wont know where to click first. as for the filters above the gallery, remove the inner padding around the active 'composer' tab, it will feel a lot more like it belongs there. same for the grid vs list layout selector. then there are 2 different card styles for continue and bortkiewicz's recordings, whats the significance of that? did you want to separate them for a reason? in terms of what content is displaying on the charts, i think that's perfect. maybe try moving the duration of the track to the end of that row, or up in the title row at the end so it stands out more. thats a more important thing to see when viewing these - how long is the track? the user will ask themselves. the composers list in the sidebar is good, the rest of the items in the sidebar are also good.

@branmcconnell @izadoesdev

@grimcodes @izadoesdev rn 🤤

introducing dither-kit a library of gorgeous dithered charts built from the ground up, no dependencies, they're built on top of a tiny <canvas> engine install it today at tripwire.sh/dither-kit

@willking @joshcirre fellow dither enjoyer? 👀

@joshcirre @grimcodes This is very cool.

@maria_rcks already almost at 13k btw

@maria_rcks YOU DID IT BIG DAAAWWWGG

HOLY SHIT THANK YALL (& theo) SO MUCH

@melqtx cli t better name

shouldve went with ratatui in first place smh

life changing setting

my fork of @zeddotdev basically zed + herdr + cmux, merged into "superzed"

@mpopv that means a lot, Matt, thank you!

Incredible stuff @grimcodes

Wow this is gorgeous

@leodev not in yc yet

@grimcodes still no face reveal btw

my pink pant fit went stupid today (ofc i had to match with my lady)

@mazztxt tweet! tag me when you add them!

@grimcodes This was exactly what i was searching for. I'll implement it on my Biotech dashboard. THANK YOU.

@tommoore515 yeah these are live at github.com/boring-softwar…

@grimcodes Is there any way to read the source? I'd love to port these to Unity UITK and use them in my game

@hugofirefreire do it!

@grimcodes Make me want to build a browser game with it 🔥

@OkenK19 ofc its for real!

@grimcodes Is this for real? This looks so neat and cool!

@jacobmrt omfg you just unlocked a core memory - i loved that game!

@grimcodes man there used to be like a game on mobile 10 years ago with different coloured sands to add around haha, looks similar to that

@oleksandr_ceo its powered by html canvas!

@grimcodes Amazing effects. Love that. How make it?

@kapicode thank you legend!

@grimcodes This looks awesome! Great work grim.

@sebuzdugan i'd love to hear more about this! i need to make some performance upgrades to these anyway

@grimcodes 2x pixel ratio is where canvas dithering gets blurry, does dither-kit snap pixels

@ZaneKianW show me when you're done!!

@grimcodes Nice and strong aesthetics! Gonna try it on my site, think it’s gonna be cool. 😍

@celeroncoder you cooked here! this looks so good

@grimcodes been nerding out on canvas dithering for a while building img·dither (img-dither.celeroncoder.com) and then you drop this. the chart aesthetic is unreal, hadn't even thought to go that direction