Tone Row @tone_row_ Twitter profile

Last Seen Profiles

@ditl1717

@bronhistory

@cryptomattk

@lucasohara

@cebuay

@kimber_silver21

@RedBacalhau

@RonaldtheIII1

@RrrAaa74805142

@PierTwo_com

@benyokkenn

@igarglewithfire

@TheVampsband

@madfhvm

@felia_nyimas

@unzaoo

@kaihavertz29

@OakleyOptions

@n0r4aa

@scrippsresearch

@FH_MHY

@lunar_dignity

@FootySub

@amanede_su

@jarue369

@SyoukiSuda

@TEJUANx

@Hughristics

@nottydesignss

@deae_gratia

@VicToensing

@gz_2w

@LastChanceUAlum

@bokeplokalmalam

@RedwhiteBlue___

@LarraOverton

Tone Row

@tone_row_

2 months

Springy with some kind of click-to-release

39

154

2K

Tone Row

@tone_row_

2 months

non-uniform node sizes

10

20

363

Tone Row

@tone_row_

3 years

🤯 It took me far. too. long. to realize I can change opening/closing tags at once with VS Code's Rename Symbol shortcut (F2) #vscode #html #React

13

54

303

Tone Row

@tone_row_

3 months

Been working on auto-layout which is resilient to manual adjustments

12

21

279

Tone Row

@tone_row_

1 year

🤔 UI from @shadcn ➕ custom @tailwindcss color palettes 🟰 custom app design systems in minutes ⏳

7

34

252

Tone Row

@tone_row_

3 years

Nothing quite like a passing “wouldn’t it be cool if i could just…” on Saturday morning to rob me of an entire weekend 😅😫 I made a thing that makes a thing #dataviz built with #react @cytoscape & helpful hooks by @dance2die and @jaredLunde 🙏

10

41

168

Tone Row

@tone_row_

2 months

No overlapping nodes. Make some room for the neighbors/ Demo's almost ready!

5

8

169

Tone Row

@tone_row_

2 months

Prototypes for prototypes

6

2

120

Tone Row

@tone_row_

2 months

Maybe layout decisions cascade?

6

10

108

Tone Row

@tone_row_

1 year

Joining the @nutlope straight-to-the-point AI app family with this one. Drop-in custom @tailwindcss color palettes from a prompt:

4

7

84

Tone Row

@tone_row_

2 months

Maybe command + drag separates an element and it's subtree from the layout cascade?

5

3

79

Tone Row

@tone_row_

2 years

So far @radix_ui is my favorite new tool in my toolkit this year. It makes it so much easier to build accessible interfaces. I made this "cheatsheet" to make it easier for me to remember the content & styles that each component expects. Check it out!

Radix Primitives Cheatsheet

Learn the most idiomatic ways to use Radix Primitives

radix-primitives-cheatsheet.tone-row.com

1

8

68

Tone Row

@tone_row_

2 years

@diegohaz First-time caller, long-time listener. The thing I make has a simple syntax and you can export the image –or– grab the mermaid code for your GitHub markdown :^)

1

3

59

Tone Row

@tone_row_

6 months

@hobdaydesign This is awesome! I'm using "speed-runs" as a way of testing a text-to-mockup tool I'm building. Saw this tweet at the perfect time and figured I'd give it a shot.

3

1

49

Tone Row

@tone_row_

1 year

Playing with @dai_shi 's wakuwork this morning. Getting server components without the overhead of a big meta framework feels soooo nice. Server-rendered hackernews in 35 lines?? 🙌

1

3

45

Tone Row

@tone_row_

2 years

I used #dalle2 to add 3 new themes to Read about my process Let me know what you think!

New flowchart themes courtesy of DALL-E-2

Using DALL-E-2 as a creative tool to inspire new themes for flowchart.fun

tone-row.com

3

5

36

Tone Row

@tone_row_

2 years

Introducing: 🍭L'art du dégradé 🍭 A CSS gradient generator that can produce some really out-there results 🛸 Take it for a spin and show me what you make! I'll post some examples below 🧵

L'art du dégradé ~ The Art of the Gradient

Your go-to gizmo for generating goofy gradients- i.e., a CSS Gradient Generator

art-of-the-gradient.tone-row.com

5

7

29

Tone Row

@tone_row_

2 years

Today I have the distinct honor of adding some _real_ _new_ _shiny_ syntax to Graph Selector. Containers!!! 📦📦📦 Hoping to have this available in Flowchart Fun by New Years #cool #science #wow

2

4

26

Tone Row

@tone_row_

2 years

I'm so on board with If you haven't tried it out yet, I highly recommend it. I feel like it sets a new high-water mark for the DX a well-typed library can bring. Check out this pic 👇 The Link component *autocompletes* the routes on my site!! 🤯

Tanner Linsley

@tannerlinsley

2 years

Ironically, this error is a massive sign of progress.

6

1

58

0

4

25

Tone Row

@tone_row_

21 days

Looking forward to an overhaul of AI features in next week. I missed this project!

0

3

22

Tone Row

@tone_row_

1 year

Published a new blog post! ✨ I finally got a chance to try out @DrizzleOrm and I documented my experience. Check it out:

Drizzle ORM Quickstart Tutorial and First Impressions

Drizzle ORM is a new ORM and potential prisma replacement. In this tutorial we'll walk through setting up a new project with Drizzle ORM and Postgres.

tone-row.com

2

1

21

Tone Row

@tone_row_

2 months

😐

4

3

20

Tone Row

@tone_row_

2 months

@ai_syacho Aiming to release next week

2

0

19

Tone Row

@tone_row_

2 years

Finally found a good excuse to try @brian_d_vaughn 's react-resizable-panels and let me tell you... 🤩🤩🤩 The API is so straightforward and it just works. Definitely bringing it to Flowchart Fun sooner rather than later.

2

1

17

Tone Row

@tone_row_

6 months

Need to make a one-pager site for my new dev tool. I want it to server-render but the DX should feel like using vite. Perfect chance to use ! 🥳 @dai_shi

Waku, the minimal React framework

A lightweight alternative React framework with a fun developer experience. Loved by React developers at startups and agencies.

waku.gg

3

2

16

Tone Row

@tone_row_

6 months

The does the open graph image work soft launch 🤲

Wireframe Fun

Wireframe Fun enables UI/UX designers and product owners to swiftly prototype and share new features, apps, or sites with an intuitive text-based interface.

wireframe.fun

5

2

16

Tone Row

@tone_row_

2 months

@AntiCodeGuy Thanks! Built with @xyflowdev Layout algo is something new I'm working on

1

0

15

Tone Row

@tone_row_

3 years

Unpredicted side-effect: People on the orange site are making me blush!! 😊🥰

1

16

Tone Row

@tone_row_

2 years

🧜‍♀️🧜🧜‍♂️ Ahoy Mateys. Exporting to Mermaid.js is now possible, so this super easy 👇

2

4

15

Tone Row

@tone_row_

6 months

Hear me out! What about a DSL for UI mockups? In a small collaborative app? Would you use it?

7

1

14

Tone Row

@tone_row_

4 months

working a little "back of the envelope" calculations app with @NathanpmYoung using @xyflowdev 🥳

2

1

14

Tone Row

@tone_row_

6 months

First pass at a Preview Mode ☑️ Domain purchased ☑️ Just going to prepare some examples & documentation and I'll make it live!

1

13

Tone Row

@tone_row_

2 years

📣📣📣Tone Row is becoming a full-time endeavor for me! I’m taking a break from working for the bossman to pour some heart and soul into If you ever had a feature request- now is the time to tell me! 🙌

Flowchart Fun

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

flowchart.fun

5

2

14

Tone Row

@tone_row_

2 years

re: – Using jotai from @pmndrs made it so easy to keep people's work in Local Storage so they could refresh without losing their gradient 😌

L'art du dégradé ~ The Art of the Gradient

Your go-to gizmo for generating goofy gradients- i.e., a CSS Gradient Generator

art-of-the-gradient.tone-row.com

1

3

14

Tone Row

@tone_row_

3 years

Want to get a birds-eye view of your #javascript or #TypeScript project? 🦜 I realized could help! Try out and let me know what you think 😁

0

9

12

Tone Row

@tone_row_

3 years

Some useful improvements coming to this week. First one – Save separate graphs at separate urls! 📃📃📃

0

2

13

Tone Row

@tone_row_

3 years

👋 I'm going to be releasing an open-source library for UI development in #React pretty soon and tweeting my way there. Follow me if that's your thing!

0

1

13

Tone Row

@tone_row_

2 months

What, no bezier curves?

Tone Row

@tone_row_

2 months

Maybe layout decisions cascade?

6

10

108

2

0

13

Tone Row

@tone_row_

3 years

LAYOUTS! 🌀➿📶 Try out new layouts via the Settings page! Obligatory s/o @cytoscape which makes it really easy to implement new features on . If you feel like it's missing any layouts in particular, let us know! #dataviz #reactjs #DataScience

3

12

Tone Row

@tone_row_

3 years

Hoping to release the new layout later this week! So far, I think the nicest improvement is not having to change tabs to try out different layouts ⚡️

1

0

12

Tone Row

@tone_row_

3 years

Support for sin, cos, and tan in calc()!! #CSS #Safari

Jen Simmons

@jensimmons

3 years

So much in this week’s release. Storage API. Broadcast channel. Cross-Origin policies. Font loading. Trigonometry in CSS. Position: sticky improvements. Fixes for SVG. WebRTC stuff. Extensions. You really should click through & read the list yourself...

7

19

125

0

1

12

Tone Row

@tone_row_

2 years

@DavidKPiano Someone's going to be simplifying those through GPT-3, like yesterday

2

0

12

Tone Row

@tone_row_

3 years

Added support for single (//) and multi-line (/* */) comments to but canNOT promise that there aren't bugs 🐛 🤪 Please make issues (or PR's!) if you find anything funky 🙏

Flowchart Fun

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

flowchart.fun

2

1

11

Tone Row

@tone_row_

3 years

just got some new direct export options. Courtesy of @snuswdk ! 🖼🖼🖼

4

0

11

Tone Row

@tone_row_

2 years

@orta @vercel @shuding_ I tried it out this weekend! Took me a second to figure out what was/wasn't implemented re:css but ultimately insane how much easier it makes OG images 🤩 This is generated dynamically with Satori:

CSS Magnetic Poetry

Magnetic Poetry using words from Cascading Style Sheets

css-magnetic-poetry.tone-row.com

2

11

Tone Row

@tone_row_

1 year

@dai_shi One thing I would love to learn directly from the creator is, with the rise of RSC, best practices/strategies for using zustand (persisted and not persisted) in Next, Remix, Wakuwork! It's still not intuitive how/when to initialize and hydrate a store for me for the best UX

3

1

10

Tone Row

@tone_row_

2 years

Can't recommend parcel-css enough! It's used in , among other things, to simplify color-stops. It's smart enough to turn things like calc(10% + 30% + 10px + 5px + 5%) into calc(45% + 15px) 🤯 So cool!

L'art du dégradé ~ The Art of the Gradient

Your go-to gizmo for generating goofy gradients- i.e., a CSS Gradient Generator

art-of-the-gradient.tone-row.com

Devon Govett

@devongovett

2 years

Parcel CSS now supports the CSS Color Level 4 spec, which enables many new ways to define colors, including high color gamut support! 🎨 Currently only supported natively in Safari, but Parcel CSS compiles these new color spaces so they work across all browsers. 🥳

7

24

207

0

2

11

Tone Row

@tone_row_

2 months

@_lbowes Hop in we’re making fresh diagramming software

1

0

11

Tone Row

@tone_row_

1 year

Not sure if this the final form of prompting in , but it's a start! Hoping to have it live by Friday 🤞🚀

2

11

Tone Row

@tone_row_

1 year

Folks, I come to you today with one good and good-not-good. First the Good: The preview image is now png instead of an svg for quick drag and drop! h/t @tbdr for the suggestion 🙏 (dragging cursor looking great @pie6k ) Next the Good-not-Good 👇

1

0

10

Tone Row

@tone_row_

2 years

🚨New Feature Alert🚨 ❄️Layout Freezing❄️ Before: tweak your graph layout, refresh or share and your custom changes disappeared 😣👎 Now: tweak your layout, refresh, share, add/remove nodes or change styles and your frozen layout is still there 🥳🙌

1

9

Tone Row

@tone_row_

3 years

Today's feature is THEMES! I want users to be able to make more polished graphs faster – so I've adding the concept of themes. The first 2 themes come from Light + Dark Mode. The 1st new theme reminds me of eggs 🍳🤷‍♂️ What kind of theme should I add next?

4

1

10

Tone Row

@tone_row_

6 months

My project is a generator for customized, accessible #react design systems. If you make lots of stuff it might save you some time. (Looking at you #buildinpublic folks 👋) I'm starting to send out invites this week! 🥳

5

2

10

Tone Row

@tone_row_

1 year

🚨 feature alert 🌐 Links in flowcharts are now possible 🔗 Just add a `href` attribute! 🆒😎 Try it here 👉

0

10

Tone Row

@tone_row_

3 years

merged a few updates to 🎉

1

10

Tone Row

@tone_row_

2 years

🎤 "This one goes out to my gradient-lovers out there, that aren't afraid of a little bit of chaos"

1

9

Tone Row

@tone_row_

2 years

Feature Alert ⚠️⚡️ Right click to edit Node styles! Node colors now and soon we can customize shapes, text sizes, and line styles too. 🤩 Thoughts?

2

3

9

Tone Row

@tone_row_

1 year

If I made a discord would people come hang out with me? 🥸🤠

2

1

9

Tone Row

@tone_row_

5 months

I just added support for exporting JSON Canvas data from ! 🥳 In the video, I export from FF and import to @obsdmd and @KinopioClub Really excited that there's work being done to create a interoperable spec around this! Thanks @OrionReedOne 🙌

Orion Reed

@OrionReedOne

5 months

Announcing the Open Canvas Working Group (OCWG). Building atop @obsmd 's JSON Canvas, we will work to establish a robust file format to enable interoperability between infinite canvas tools. Participants: @tldraw , @excalidraw , @statelyai , @KinopioClub , @dxos_org , and others 1/n

33

145

961

1

2

9

Tone Row

@tone_row_

2 years

"Launch" is a strong word, but I'm going to make public a really fun tool I built on Monday. I'm really excited to share it! 🤪

1

9

Tone Row

@tone_row_

2 years

Been feeling left out of the #mermaid #graphviz #gptchat fun because Flowchart Fun is new-enough/small-enough GPT-3 doesn't know it. Turns out that's not a problem! I just explained the syntax to GPT-3 in *minutes* and now I'm asking it questions 😍🤩🤯

5

0

9

Tone Row

@tone_row_

6 months

CSS feature I'm most excited about that isn't flashy but is going to make the web look so good 🥁 leading-trim Introduced by @fantasai Best approximation right now 👉 from @michaeltaranto

Capsize

Flipping how we define typography in CSS.

seek-oss.github.io

1

9

Tone Row

@tone_row_

2 years

@LeaVerou I go back to this smooth shadow one by @funkensturm all the time I'm also working on one I'm really excited about it. Hopefully it will be ready next week ^_^

0

1

9

Tone Row

@tone_row_

7 months

Capitalism is so cheeky because all I want to do is build weird little creative tools but then somehow each month rent is due.

2

9

Tone Row

@tone_row_

2 years

Flowchart Fun is at this funny boundary of being a quirky flowchart app and a powerful graph theory engine (owing entirely to @cytoscape !) The new syntax allows you to create edges _from_ references. Check out how easy it is to create an edge by reference from another container!

0

1

9

Tone Row

@tone_row_

7 months

@tannerlinsley For real, you’re an inspiration Tanner. Thanks for all the great things you’ve brought to the dev community!

0

7

Tone Row

@tone_row_

2 years

@LeaVerou Also @JoshWComeau 's gradient generator is cool plus the keyboard navigation is sooooo well implemented 😍

0

8

Tone Row

@tone_row_

3 years

New Site! 💫 Explains what we've accomplished and what we want to do 👍 Running on Next.js + @kentcdodds 's mdx-bundler (which was really easy to set up 🙏) Okay I promise I'll go back to adding features to the flowchart thing now 🤪

Tone Row

Tone Row is a space for web-development research with a focus on programming for social impact.

tone-row.com

2

0

8

Tone Row

@tone_row_

3 years

@biantris_ Thank you for sharing this!! So many new people are trying the app for the first because of this 💫 🙏 😊

1

0

8

Tone Row

@tone_row_

3 years

One of the updates coming soon is some polish on the oddly-named __eggs__ theme 🍳🥚 & for me, the best surprise was finding out the new font I chose contains Korean characters too!!

1

0

8

Tone Row

@tone_row_

1 year

Yum 😋

1

0

7

Tone Row

@tone_row_

2 years

Wow, after jumping through more than a few hoops I was able to go from Graph Selector -> Xstate -> @statelyai Visualizer 🏆 It's really cool to see the basic idea working! I wonder what kinds of contexts this could be useful in.

2

1

7

Tone Row

@tone_row_

3 months

Is there no generalized spreadsheet format that includes formulas and formatting? Like it jumps straight from a csv to xlsx. That seems weird

0

8

Tone Row

@tone_row_

1 year

Prompting is now available in ! Give it a try next time you're starting a new flowchart ⚡️🕺 (I should probably work on my default examples 😅)

0

8

Tone Row

@tone_row_

9 months

More design iterations on . I think it's getting better!

0

8

Tone Row

@tone_row_

2 years

New layout algorithms coming to #flowchart fun later this week 🤖⁉️

1

8

Tone Row

@tone_row_

2 years

I'm wrapping up a blog/roadmap/changelog for Flowchart Fun. Do I... a) share it and move on b) spend hours (days?) using Conway's game of life to create an infinitely changing flowchart in the background that serves no purpose and is distracting for readers hard decisions 🤔

1

0

8

Tone Row

@tone_row_

2 months

Polar-coords tangent's good ✅ Now it goes back into the app

1

0

8

Tone Row

@tone_row_

3 years

Whatever happens, don't merge at the end of the day on Fri... We just added a proper code-editor to ! 🎊 Have a nice weekend everyone!

Flowchart Fun

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

flowchart.fun

1

0

8

Tone Row

@tone_row_

3 years

🐢

1

0

7

Tone Row

@tone_row_

6 months

Describing all app screens in ~200 lines 🤯 Packaged in a VS Code extension I think it could really help teams align on what they're building. Next checkpoint is interactive previews 🏁

0

1

7

Tone Row

@tone_row_

2 years

Several months ago I trained an ML model to help me build color palettes when given a base color. I finally got a chance to put it to use today! Much nicer color palettes coming to themes next week! 😍

1

0

6

Tone Row

@tone_row_

3 years

Changed layouts and the world didn't end. Time for some low hanging f̶r̶u̶i̶t̶ features 🍇

0

1

7

Tone Row

@tone_row_

6 months

and and and and and faker-js for ui content 🥳

3

0

6

Tone Row

@tone_row_

2 years

New domain in the family: This creates a new flowchart, ready for brainstorming, list-making, or diagramming⚡️ #designtwitter #DataScience #roamcult #logseq

Flowchart Fun

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

flowchart.fun

0

2

7

Tone Row

@tone_row_

1 year

What's wrong babe? You've hardly touched your infinite spatial canvas😕

0

6

Tone Row

@tone_row_

1 year

Might take me the week to clean up this code, but just seeing it in action 🤯 Two different accounts logged in 👇 ✅sharing ✅real-time collab coming soon!

1

6

Tone Row

@tone_row_

2 years

was featured in Source/Target 🥳 Check it out to learn about the inspiration and future Tone Row plans 🌊🏄‍♂️ Feliz Cinco de Mayo!

2

7

Tone Row

@tone_row_

2 years

So I broke the @flowchartfun twitter account today because I changed the account birthday to be when I first released the app in March 2021. Turns out you need to be 13 to use @Twitter so the account was immediately locked... oops🤷‍♂️ 😅

2

0

4

Tone Row

@tone_row_

1 year

That thing where you invest lots of hours building something only to realize that your core abstraction isn't quite right and you'll need to invest lots more hours is great thing and it's a fun and really great thing that doesn't bother me at all 🫠⛈️

1

0

7

Tone Row

@tone_row_

6 months

The speed isn't there yet 😮‍💨 Which leaves me wondering 1) how to make it faster? codepilot-esque ai autocompletions? 2) what advantage does it have over drag-and-drop wireframe tools? export to code, to figma? It was always an experiment so I'm happy with wherever it lands

5

0

7

Tone Row

@tone_row_

1 year

@genmon @OpenAI I've built 2 versions of this over the past couple of weeks. One using typescript types, another using zod. One thing I've noticed is GPT4 is much better at this than GPT3.5. I'm not sure why though

1

0

7

Tone Row

@tone_row_

1 year

Will complex forms always be the final boss of frontend?

2

0

6

Tone Row

@tone_row_

2 years

Time to show off the new, friendlier syntax I talked about last week! 🚎 🚏 Stop 1 Create all the pointers you need... on the SAME line!

2

0

6

Tone Row

@tone_row_

1 year

📣 Today's update: Exporting to @mermaidjs_ works containers ✅ ➕You can open your flowchart in with one click!

0

1

6

Tone Row

@tone_row_

2 years

1

0

6

Tone Row

@tone_row_

3 years

Got accepted to @RoamResearch scholars! Better believe a roam plug-in is on the way 🤗

Flowchart Fun

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

flowchart.fun

0

6

Tone Row

@tone_row_

5 months

Going to throw on HN tomorrow 🧡 wml

Dizzy – shadcn/ui themes generator with custom fonts

Dizzy redefines shadcn-ui theme generation. Integrate curated Google Fonts, customize Tailwind CSS components, and export your unique design system with ease.

dizzy.systems

0

7

Tone Row

@tone_row_

1 year

Almost ready to merge the custom themes. A cool feature of this update is you can now preview a theme on your flowchart before committing to it. Let me know if you have thoughts about the UI!

1

0

6

Tone Row

@tone_row_

2 years

Dearest twitt'r Didst thee knoweth at which hour thee spons'r three new themes thee shall receiveth

1

0

7