Juan Cruz Fortunatti

glyphcss 0.3 is out: diagrams and charts drawn entirely in text Flowcharts, trend lines, sequence, mind maps, git graphs, sankeys, donuts and more, rendered into monospace cells for the web, terminals and chat Try it glyphcss.com

View full thread

There's also a skill for Claude Code and Codex, so diagrams can show up right in a conversation as plain text github.com/apresmoi/gly...

glyphcss.comDiagrams — ASCII graphs | glyphcssRender Mermaid flowcharts, LangGraph agents and JSON graphs as ASCII, box-drawing, block and braille diagrams for chat, terminal and web.

MIT licensed, and feedback is very welcome Diagrams: glyphcss.com/diagrams Charts: glyphcss.com/charts Code: github.com/apresmoi/glyphcss Skill: github.com/apresmoi/gly...

Spent some time exploring node shapes! It has clouds, hexagons, documents, braces, and 38 more aligning with Mermaid's catalogue, all in box-drawing characters (Accepting PRs for new ideas !)

We have a new way to render clouds in 3D CSS! Thousands of soft gas and dust particles, turned to face you as you orbit Live on the Homunculus Nebula, blown out by Eta Carinae in the 1840s, with three datasets: the gas cloud, its outer shell model and how the gas moves css.earth/homunculus-nebula

piccalil.liThe Index: Issue #201It’s Friday, so let’s close out the week with some Good Links™ in The Index #201!

Only the lobes had a published 3D model. The rest we rebuilt from archive data, the gas cloud from scratch! - Lobes: Steffen et al. 2014 arxiv.org/abs/1407.4096 - Outer shell: Mehner et al. 2016 arxiv.org/abs/1610.01688 - Motions: Kiminki et al. 2016 arxiv.org/abs/1609.00362

Juan Cruz Fortunatti reposted

Piccalilli

@piccalil.li

It’s Friday, so let’s close out the week with some Good Links™ in The Index #201!

What a run! ~4500 celestial bodies and ~420k stars & galaxies as dots, every one backed by a paper or an official dataset Thanks for bringing me back to my amateur astronomy days, super fun project to be part of! 🔭 css.earth #WorldSpaceWeek

Agustin Capeletto@lowpoly.gg

Explore the universe in 3D CSS. JavaScript is optional. Launching css.earth 🌍 🚀 #WorldSpaceWeek

3 Sept

I forked cssQuake and remade it with ASCII 👾 The scene is rendered as a text string insde a <pre>, without canvas or WebGL! Try it asciiquake.wtf

3 Sept

kudos to @lowpoly.gg for the hard work porting the original game in the first place!

Juan Cruz Fortunatti reposted

26 Aug

Made a #CSS black hole ⚫ css.graphics/luminet

Juan Cruz Fortunatti reposted

6 Aug

I'm recreating classic screensavers in 3D #CSS, without WebGL. First up: pipes! 🧪 try it: css.graphics/pipes fork it: github.com/layoutit/css...

1 Aug

Turns out braille characters are amazing ⣰⣱⣲⣴⣷ glyphcss.com

Juan Cruz Fortunatti reposted

Owen Lacey

@owenlacey.dev

31 July

No you need a life

Owen Lacey@owenlacey.dev

polycss.com is cool

Juan Cruz Fortunatti reposted

29 July

It's-a me, 3D CSS Mario! 🍄 ⭐ I'm recreating Giles Goddard's iconic N64 face engine, so we can use it on the web. The rendering is handled by CSS matrix transforms, without WebGL or canvas. demo: codepen.io/alowpoly/pen... repo: github.com/layoutit/css...

Juan Cruz Fortunatti reposted

Eduardo.𝚟𝚞𝚎

@esm.dev

16 July

I can't embed Vue TermUI in web (at least while using OpenTUI) so I built a small player based on `asciinema` format. it's fun to see the initial rendering being split into different lines

21 July

I'm going to Greece this september and getting a bit obsessed Everything you see in this scene is an HTML <pre> with colored <span> inside Try it: glyphcss.com/examples/par...

21 July

@lowpoly.gg ascii Quake is next 👀

Juan Cruz Fortunatti reposted

19 July

Low-poly Messi getting ready for the #WorldCup match. Rendered with 3D CSS, without WebGL. Full game (Actua Soccer '95) coming soon!

19 July

GlyphCSS v0.1.1 has a new texture synthethizer!

19 July

Try it at: glyphcss.com/synth/

Juan Cruz Fortunatti reposted

16 July

We are opening a community chat for PolyCSS: a place to discuss the library in particular, and 3D DOM rendering in general. It's my first time using Discord, so bear with me 🐻 All humans welcome! chat.polycss.com

Juan Cruz Fortunatti reposted

npmx

@npmx.dev

15 July

Welcome to the atproto x npmx x svelte meetup in Berlin! 🧵

css-tricks.comWhat’s !important #14: Gap Decorations, random() Experiments, field-sizing for , and MoreI know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss!

5 July

Playing with PolyCSS and animejs

Juan Cruz Fortunatti reposted

CSS-Tricks*

@css-tricks.com

30 June

What’s !important #14: Gap Decorations, random() Experiments, field-sizing for , and More I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake... https://css-tricks.com/whats-important-14/

Juan Cruz Fortunatti reposted

patak

@patak.cat

27 June

they're doing browser engine voodoo. this isn't canvas, just transformed plain old html elements 🤯

Juan Cruz Fortunatti@ledeluge.me

PolyCSS v0.2.7 now support shadows! Not only on plain surfaces but also over complex meshes

Juan Cruz Fortunatti reposted

27 June

After cssQuake, I'm exploring these 3D DOM games with PolyCSS: * Whiplash (1995) * Tomb Raider (1996) * Carmageddon (1997) * Forsaken (1998)

PolyCSS v0.2.7 now support shadows! Not only on plain surfaces but also over complex meshes

And also shadows for animated meshes!

polycss.comGallery | PolyCSSExplore PolyCSS-rendered OBJ, glTF, GLB, VOX, textured, animated, and generated mesh examples in the DOM.

Try it here: polycss.com/gallery/?mod...

PolyCSS v0.2.7 now support shadows! Not only on plain surfaces but also over complex meshes

Parametric shadows, so we can define the amount of detail we want to render

16 June

So, is polycss performant or not? :)

Agustin Capeletto@lowpoly.gg

I'm porting Quake to 3D CSS, so it runs in the browser without WebGL. It's open source 👹 Play it! cssquake.com Repo: github.com/LayoutitStud...

14 June

Who knew you could create ASCII maps glyphcss.com/examples/fla...

13 June

Love the coliseum glyphcss.com/gallery/?mod...

Juan Cruz Fortunatti reposted

1 June

This is CSS 🌵☀️ Try it! polycss.com/gallery/?mod...

31 May

@ekrof.dev just a few more px

Juan Cruz Fortunatti reposted

26 May

I'm working alongside @ledeluge.me on PolyCSS: a new CSS 3D engine for the DOM. It uses matrix3d() transforms to render polygon meshes as HTML elements, without WebGL. demo: polycss.com/gallery/?mod... repo: github.com/LayoutitStud...