Steve Ruiz @steveruizok Twitter profile

Pinned Tweet

Steve Ruiz

@steveruizok

6 months

oh we're doing this? we're doing this

199

810

9K

Last Seen Profiles

@tunajibu

@BayernMako

@qllxtak

@GuidesJava

@AmandaMFlagg

@ReefCatchments

@VictimOfMaths

@solstice64_

@ZachQbLawrence

@JDuttenhefer

@JohnTorode1

@JodiHinds

@yandexmarket

@croweshereen

@coachshieldstx

@Baudrysteeve

@michael_rehold

@AndrewHilaryUS

@Al_alawi2021

@galih_near

@ChalistaR_ID

@barbaragip

@KompasEnt

@PunishedDiamond

@GirlUp

@STEGGLES9

@ellaherlany

@DGJ0HNS0NLLC

@budragchaaser

@PanitiaPensi

@chainyard

@_stedswrestling

@Smiths_Garden

@dandara_mariana

@skateboxed

@AditBandit234

Steve Ruiz

@steveruizok

1 year

I think I just invented the worst icon for team / collaboration

98

403

7K

Steve Ruiz

@steveruizok

1 year

lol @canva did me right

Steve Ruiz

@steveruizok

1 year

Hey @canva thanks for using perfect-freehand! Here's my sponsorship link:

13

21

611

38

85

3K

Steve Ruiz

@steveruizok

6 months

video not sped up, jeeeez

50

235

3K

Steve Ruiz

@steveruizok

6 months

neat trick, even if a few frames late

48

152

2K

Steve Ruiz

@steveruizok

1 year

leaked photo a Tweep friend, elon's first PR

85

153

2K

Steve Ruiz

@steveruizok

1 year

permit me me to flex: this is @tldraw on two devices syncing in real time. This is NOT local dev! sync is happening via a websockets server hosted on @Cloudflare workers

57

125

2K

Steve Ruiz

@steveruizok

4 years

New approach on my arrows problem. More math, less logic. These are the kinds of arrows I wanted from the start!

36

203

2K

Steve Ruiz

@steveruizok

1 year

When I’m writing code, I have a habit of making lots of “little fixes” that are unrelated to the issue I’m working on. This results in a PR which includes a lot of unrelated changes, making it harder to communicate and review.

151

76

2K

Steve Ruiz

@steveruizok

6 months

anything is possible

92

109

2K

Steve Ruiz

@steveruizok

1 year

Very happy to announce tldraw's $2.7M seed funding round, led by @Lux_Capital . 🍾 We've got big plans—and a new version that goes into public beta today.

Announcing tldraw's $2.7M seed

We're building a new infinite canvas for the web: built with React, made for developers, and with a super-fast engine for collaboration. Try it today.

tldraw.substack.com

162

91

1K

Steve Ruiz

@steveruizok

4 years

Just pushed a new version of perfect-arrows, 0.3! 🚀 - Revamped algorithm for box to box arrows - Better overlap / collision handling - Lots of edge cases fixed

10

85

1K

Steve Ruiz

@steveruizok

1 year

TIL be careful with `Array.every` and empty arrays.

57

91

987

Steve Ruiz

@steveruizok

3 years

I'm taking the rest of the year off to work on @tldraw full time. 🎉 Turns out there's a lot of enthusiasm for an open source hackable SVG-rendered drawing tool. My goal is to get it the entire architecture open and toot tooting by the end of the year.

28

66

986

Steve Ruiz

@steveruizok

1 year

let's try @googlesheets on the canvas

18

40

911

Steve Ruiz

@steveruizok

2 years

TIL you can write overloads for arrow functions in TypeScript

17

76

858

Steve Ruiz

@steveruizok

2 years

god damn @Cloudflare workers are ridiculous. this is NOT local—though it might as well be since I think the server is a mile away

23

63

853

Steve Ruiz

@steveruizok

5 months

can't believe this is going into prod

42

27

831

Steve Ruiz

@steveruizok

2 years

Here's a trick I've used to create the illusion of extra spacing on tight lists

14

47

815

Steve Ruiz

@steveruizok

1 year

da crispy look, box shadow + border + very minor inset shadow to help the border pop?

24

15

799

Steve Ruiz

@steveruizok

2 years

christ, just realized I've hit $5000/month on @github sponsors 👀

29

6

794

Steve Ruiz

@steveruizok

3 years

And we're up at 🍆

25

105

792

Steve Ruiz

@steveruizok

1 year

$56,722.44 in @github sponsors for 2022. 🤯 Thanks to everyone who chipped in, that was a big bridge year for me.

12

14

780

Steve Ruiz

@steveruizok

3 years

🚀 Just launched perfect-freehand, a minimal open source library for drawing beautiful freehand, pressure-sensitive lines. Simulates pressure on mouse / touch devices.

24

111

779

Steve Ruiz

@steveruizok

1 year

good work

3

39

765

Steve Ruiz

@steveruizok

11 months

I don’t use zig and have no opinion here, however this is pretty remarkable. Do your thing mr zig

20

23

750

Steve Ruiz

@steveruizok

9 months

Tailwind is nice but now I have 500 components that are just divs with classnames

57

21

716

Steve Ruiz

@steveruizok

11 months

thank you to all my GitHub sponsors

12

8

714

Steve Ruiz

@steveruizok

1 year

hey @gmail for the love of god

37

26

707

Steve Ruiz

@steveruizok

3 years

This is definitely a bug but it feels kinda awesome. Somehow fast drags are turning into bends?

30

56

707

Steve Ruiz

@steveruizok

2 years

we did it

21

12

672

Steve Ruiz

@steveruizok

3 years

wow, what the hell

8

66

663

Steve Ruiz

@steveruizok

1 year

i love PRs like this ☺️ (deleting all my tests)

16

12

619

Steve Ruiz

@steveruizok

1 year

Hey @canva thanks for using perfect-freehand! Here's my sponsorship link:

Sponsor @steveruizok on GitHub Sponsors

Hey, I'm Steve. I make open source creative tools for the web, like tldraw, perfect-freehand, perfect-arrows, and globs.design. Follow me @steveruizok for dev logs GIFs and more.

github.com

Lichin Lin

@lichinlin

1 year

Has @canva released new doodle feature using...perfect-freehand by @steveruizok ? 🪄

2

1

71

13

21

611

Steve Ruiz

@steveruizok

2 years

everything OK babe? you’ve barely touched your React 18 features

14

42

605

Steve Ruiz

@steveruizok

2 years

oh my god, did I finally get it?

30

23

588

Steve Ruiz

@steveruizok

1 year

In Figma, start editing a vector shape, then select a node, hold Alt / Option and then hold an arrow key

8

21

568

Steve Ruiz

@steveruizok

2 months

If you're building a developer product (library, etc) IMO skip docs beyond the absolute minimum and make a bunch of examples. Like a ton of shitty examples. Every time someone asks a question, make an example as the answer.

30

41

554

Steve Ruiz

@steveruizok

1 year

dont talk to me or my colleague ever again

9

14

535

Steve Ruiz

@steveruizok

3 years

Hey, check out the app I've been working on: . It's sponsorware for now: anything $1 or more on @github sponsors will give you access.

23

62

532

Steve Ruiz

@steveruizok

3 years

This week I'm bringing perfect-freehand into @excalidraw to improve the pen tool. Pressure-sensitive digital ink is on its way!

14

41

527

Steve Ruiz

@steveruizok

3 months

still insane to me that @digitalocean bought @css tricks and did nothing with it, no new content since April 2023, nada

23

37

529

Steve Ruiz

@steveruizok

6 months

cross browser too (chrome x safari)

18

29

512

Steve Ruiz

@steveruizok

6 months

damn chat gpt really coming for EVERYONE’s job

4

60

512

Steve Ruiz

@steveruizok

8 months

fuck yeah tldraw

22

23

492

Steve Ruiz

@steveruizok

1 year

not to argue about frameworks, but ask yourself: if Figma can entirely render their app serverside using Ruby on Rails, do you really need react for your blog?

26

16

472

Steve Ruiz

@steveruizok

3 years

say hi to glob

5

56

473

Steve Ruiz

@steveruizok

1 year

ChatGPT's biggest flaw is that its name doesn't work as a verb. 🥉 google it / I googled it 🥈 bard it / I barded it 🥇 bing it / it's bung

80

19

455

Steve Ruiz

@steveruizok

2 years

Here are some things I've learned about undo / redo

19

53

452

Steve Ruiz

@steveruizok

5 months

After the @tldraw make real thing went viral, the thing that would have helped us the most is if @OpenAI had wallets (not crypto, let me explain)

49

35

453

Steve Ruiz

@steveruizok

1 month

i dont know what you guys are complaining about, this rules

19

5

449

Steve Ruiz

@steveruizok

2 years

I'm starting to raise money for a startup around @tldraw . The short-term bet is that hey, people like using the app so let's make it better. The long-term bet is that there are lots and lots of teams who want to make an app like tldraw but can't. 🧵

12

24

448

Steve Ruiz

@steveruizok

11 months

it's hackathon day here at @tldraw

20

25

442

Steve Ruiz

@steveruizok

4 years

As a remote worker, the best advice I can give is to avoid screens, devices, or any source of blue light for about an hour before your afternoon nap.

8

53

430

Steve Ruiz

@steveruizok

3 years

My perfect-freehand Figma plugin is live!

8

44

423

Steve Ruiz

@steveruizok

6 months

good morning @tldraw office

21

4

421

Steve Ruiz

@steveruizok

6 months

the window.roomDetails() API is incredible

Steve Ruiz

@steveruizok

6 months

anything is possible

92

109

2K

7

28

419

Steve Ruiz

@steveruizok

1 year

after the design crit

2

7

416

Steve Ruiz

@steveruizok

3 years

Just hit $1k/m on @github sponsors. 🍾 lets goooo

6

8

416

Steve Ruiz

@steveruizok

1 year

Overlapping submenus or not?

79

5

409

Steve Ruiz

@steveruizok

18 days

This ai therapist keeps telling me to do deadlifts, move to a city with low taxes for expats, and grind to $100k MMR

19

6

412

Steve Ruiz

@steveruizok

9 months

slap in the face to the ui community

35

17

407

Steve Ruiz

@steveruizok

5 years

yeah but can your design tool 🌞?

11

42

404

Steve Ruiz

@steveruizok

2 years

I had an idea this morning for a new freehand drawing algorithm. ~900 input points to 45

8

36

407

Steve Ruiz

@steveruizok

4 years

stretchy boxes, perfect arrows

14

39

401

Steve Ruiz

@steveruizok

2 years

TIL in @code you can alt+click on a fold caret to fold everything but that block.

6

33

400

Steve Ruiz

@steveruizok

2 years

🎉 I'm going to keep working on @tldraw . I'll be raising money in the new year to build a team and build an open-core platform for spatial canvas apps. DMs open if you want to discuss!

Steve Ruiz

@steveruizok

2 years

Back in July, I decided to take the rest of the year off to work on my project @tldraw . It’s been an adventure! I’ve finally decided on my next move—but as is Twitter tradition, hype now and announcement tomorrow. 😬

2

0

134

26

17

392

Steve Ruiz

@steveruizok

3 years

🚀 After much work and lots of docs, here's the core lib for tldraw, used to render React components in a canvas-style UI.

GitHub - tldraw/core: Renderer for tldraw and maybe you, too.

Renderer for tldraw and maybe you, too. Contribute to tldraw/core development by creating an account on GitHub.

github.com

9

43

387

Steve Ruiz

@steveruizok

4 years

I've just published an NPM package called "perfect-arrows" for my arrow-drawing work. I'm starting with a point-to-point function, then moving on to box-to-box. Lots of options for tweaking the arrow, too. 💘 Demo: 🏹 Repo:

7

49

369

Steve Ruiz

@steveruizok

3 years

arrows, yes

12

24

370

Steve Ruiz

@steveruizok

1 year

Hey @clickup , thanks for using perfect-freehand! You can sponsor the project here

6

16

364

Steve Ruiz

@steveruizok

3 years

Made a thing to help me design scroll effects for @createwithplay . What can you make with it?

9

25

355

Steve Ruiz

@steveruizok

6 months

Jeff Weinstein

@jeff_weinstein

6 months

Yes, the AI part of @tldraw is extremely cool, but so is the years of daily engineering @steveruizok put in behind it.

15

34

598

5

8

353

Steve Ruiz

@steveruizok

2 years

new office (thx GitHub sponsors)

10

1

350

Steve Ruiz

@steveruizok

1 year

👍👎

33

5

338

Steve Ruiz

@steveruizok

2 years

next level arrows are ready

5

16

334

Steve Ruiz

@steveruizok

3 years

In @figma , if you rotate a few shapes and then rotate them back, they'll end up in a different place. What's happening? 🧵

13

27

334

Steve Ruiz

@steveruizok

3 years

Getting there

6

16

329

Steve Ruiz

@steveruizok

11 months

every now and then I still just

7

10

330

Steve Ruiz

@steveruizok

2 years

i'm at the combination @figma embed and @tldraw

8

24

325

Steve Ruiz

@steveruizok

6 months

we are so back

19

4

324

Steve Ruiz

@steveruizok

4 years

Today I found a ten year old micro-app by @evanwallace with a great arrow-drawing algorithm. I worked through the code and adapted it for perfect-arrows. Really beautiful arrows! Playground here:

6

31

320

Steve Ruiz

@steveruizok

1 year

I would never in a million years create a product with a name that had a space in it, however if I did I would insist that all copy use a non breaking space. heads would be rolling rn

17

9

312

Steve Ruiz

@steveruizok

1 year

I'm hiring a product designer or two for @tldraw

product designer @ tldraw | Notion

This is a job advertisement for an product designer to join the team at tldraw.

tldraw.notion.site

12

57

316

Steve Ruiz

@steveruizok

2 years

minor #TypeScript breakthrough: from a union of objects, get an object type containing all properties with each property typed as a union of their different values

11

21

309

Steve Ruiz

@steveruizok

1 year

insane attention to detail in @linear

7

5

312

Steve Ruiz

@steveruizok

6 months

@soney_mathew 90% clout, 10% preventing stale tabs from overwriting local data when the same document is open in two tabs

3

7

304

Steve Ruiz

@steveruizok

11 months

sick guy over here trying to ship tldraw’s developer library out of alpha with a brain full of worms

7

23

302

Steve Ruiz

@steveruizok

2 years

I think I got it, omg

13

8

302

Steve Ruiz

@steveruizok

2 years

Off-screen selection hint. Never get lost again!

11

7

301

Steve Ruiz

@steveruizok

1 year

In Figma, many teams use emoji in page titles to mark a page’s status (in progress, complete, etc). It’s an example of users creating a feature for themselves in the “wiggle room” provided by the application’s other features. What do you call this? Where else have you seen it?

79

7

296

Steve Ruiz

@steveruizok

1 year

grab an arrow

9

5

296

Steve Ruiz

@steveruizok

10 days

So excited for this. A solid API for defining relationships between shapes is the last big piece of the SDK puzzle. (We hacked it for arrows, but now we’re turning that into the general API)

tldraw

@tldraw

10 days

put a pin in it

22

48

960

19

16

298

Steve Ruiz

@steveruizok

1 year

1200 shape drag challenge feat. @tldraw @excalidraw @framer @MiroHQ @mural . Winner is... Mural!

19

28

293

Steve Ruiz

@steveruizok

1 year

I'd trade that 😕 for a ✅ in a heartbeat @github

14

4

293

Steve Ruiz

@steveruizok

2 months

local LLMs seem cool but I cannot figure out how python works on MacOS / zsh. It’s not python it’s python3? We have pip but it’s not in the PATH? Every command is unrecognized because nothing you install gets added to the PATH?

87

9

292

Steve Ruiz

@steveruizok

2 years

rotated cursors