Mark Otto

1.3K posts

Mark Otto banner
Mark Otto

Mark Otto

@mdo

Designer, developer, and advisor. Working on @pierrecomputer. Creator of @getbootstrap. Previously @github and @twitter. Huge nerd.

Mill Valley, CA Katılım Ağustos 2007
480 Takip Edilen68K Takipçiler
Sabitlenmiş Tweet
Mark Otto
Mark Otto@mdo·
For the past few months, @pierrecomputer has been working on a brand new primitive, Trees. Just like Diffs, it’s an incredibly fast, modern, and beautiful library for rendering lists of files and folders.
Mark Otto tweet media
English
47
111
2.1K
162K
Mark Otto
Mark Otto@mdo·
@spikebrehm Ya! File vs FileDiff, two different but related components. CodeView supports rendering both.
English
0
0
2
128
Spike Brehm
Spike Brehm@spikebrehm·
@mdo does Diffs provide a primitive for purely showing a syntax highlighted source file in a really high-performance way? versus a full diff
English
2
0
1
209
Mark Otto
Mark Otto@mdo·
Ayyy go have some fun with DiffsHub.com, a crispy clean demo app showing off our new CodeView component for rendering millions of lines of changes with all the fixings—virtualization, streaming, scrolling, annotating, and more. Just replace `github` with `diffshub`.
Pierre@pierrecomputer

diffshub[dot]com Take any public diff from GitHub and virtualize it nearly instantly, no matter how large, with DiffsHub. Built to show off our brand new CodeView component. To try it out, replace `github` with `diffshub` in your address bar.

English
3
4
63
7.6K
Mark Otto
Mark Otto@mdo·
@eduwass @dan_j_ford Yeah, we'll be open sourcing the CodeView component, which is responsible for managing the virtualization, scrolling, rendering, etc for that many File/FileDiff components.
English
2
0
2
35
Edu Wass
Edu Wass@eduwass·
@dan_j_ford @mdo yeah I mean like the demo shown on the video, not the individual packages, curious to see how it all works together on such a huge diff, perf tricks etc
English
1
0
0
32
Mark Otto
Mark Otto@mdo·
100M lines of diffed code in 200K files (we've done millions fwiw), all rendered in the browser with the smoothest scroll performance. Built with Diffs.com and Trees.software—and yes, coming soon as a demo app where anyone can view any GitHub diff.
Jacob@fat

We were curious what rendering Bun's rust rewrite would look like if we used our JS based diffs and trees. It worked pretty well, so we added a slider to 100x it. Still works well. 100m+ changed lines in a browser. Pierre Computer Company █

English
3
8
166
20.5K
Mark Otto
Mark Otto@mdo·
@shadcn People hated Bootstrap for taking this same stance 15 years ago. "Everything looks the same", sure, but that's usually an exaggeration. Plenty of nuance in most things. And even if there isn't, design libraries like ours still help people make things better/faster/easier.
English
0
0
12
1.1K
shadcn
shadcn@shadcn·
I’m not saying “no design.” I’m saying most apps can get away with just nailing the fundamentals. Not every app needs layers of “visual expression,” motion, personality, or over-design-engineering in pursuit of delight. What really matters when you want to get work done are: speed, obvious UX, good defaults, clear behavior. That works every time. The interface design should stay out of the way. I’m arguing for “design is how it works.” Do this first. I don’t want to notice your UI. I want to see my content.
shadcn@shadcn

Unpopular opinion: I don’t care if most web apps look the same. All I care about is whether it does what it says and does it fast. Make it fast. Make the UX obvious. Put the right things in the right place and little to no animations.

English
70
51
911
71.7K
Mark Otto
Mark Otto@mdo·
Is there anyway to get additional environments on @vercel without making the jump from Pro to Enterprise? We have a single app we split publish to multiple sites and that's our key to adding another site (it's a good one, I promise!). Wondering if I'm missing something.
English
10
0
14
8.5K
Mark Otto retweetledi
Pierre
Pierre@pierrecomputer·
"Why are you guys obsessively making super performant git infrastructure?" for him...
Pierre tweet media
English
7
4
199
7K
Mark Otto retweetledi
Tanvesh Sarve
Tanvesh Sarve@Sarve___tanvesh·
i never liked github's PR review ux so i built an app for myself : ) open sourcing it now. it has a cute little name rudu 🙃 built with @pierrecomputer diffs and trees
Tanvesh Sarve tweet media
English
23
21
426
37.2K
Mark Otto retweetledi
Jacob
Jacob@fat·
We just added two new job listings for the Pierre Computer Company. Security Engineer Application Engineer Some pretty exciting projects coming up. Would love to talk if that's your thing. Learn more at pierre[dot]computer
Jacob tweet media
English
7
8
160
16.7K
Mark Otto
Mark Otto@mdo·
Thanks everyone for the love with the launch of Trees.software today! It was a ton of fun to design and build this alongside @SlexAxton and the rest of @pierrecomputer. Excited to keep improving Trees and Diffs, so let us know what you think!
Mark Otto@mdo

For the past few months, @pierrecomputer has been working on a brand new primitive, Trees. Just like Diffs, it’s an incredibly fast, modern, and beautiful library for rendering lists of files and folders.

English
3
1
70
5.1K
Mark Otto retweetledi
Alex Sexton
Alex Sexton@SlexAxton·
@Neesh774 @fat what do you say we double it, brother?
English
4
3
92
35.2K
Greg Pstrucha
Greg Pstrucha@grichadev·
i may not fully understand what this company does as a business, but they sure release some bangers
Mark Otto@mdo

For the past few months, @pierrecomputer has been working on a brand new primitive, Trees. Just like Diffs, it’s an incredibly fast, modern, and beautiful library for rendering lists of files and folders.

English
3
1
23
3.5K
Eliot Gevers
Eliot Gevers@EliotGevers·
@mdo lol, didnt know that .baby existed
English
1
0
0
53
Mark Otto
Mark Otto@mdo·
trees.software has landed! Sadly, no full IDE—yet? 🫣 ✅ Always virtualized ✅ Git status ✅ Context menus ✅ Drag and drop ✅ Search w/ options ✅ Shiki themes & CSS variables ✅ Density control ✅ Keyboard shortcuts ✅ Custom icons
Mark Otto@mdo

👀

English
12
17
357
31.8K