toot.design: a Mastodon fork

Answering the question of: what if one person was in charge of running a social media frontend?

This is a Mastodon fork with significant design and layout changes, but few differences under the hood. See it in action at toot.design.

It's experimental and not really intended for anyone other than myself, but signups are open and contributions are welcome.

Added/modified functionality:

For better or worse…

☐ SVG icons instead of font icons

Most instances of font icons have been replaced by SVG icons via FortAwesome/react-fontawesome.

There's a cleaner branch of this from upstream/main (which could end up as a PR to main if anyone wants it?) in progress at https://github.com/ryanwhitney/mastodon/tree/svg-icons.

🌘 Dark mode is darker

Now featuring: #000000

(color scheme is a work in progress)

🪚 Columns & layout have been rearranged

It's more like the other site. Navigation goes to the left. Composing happens at the top of the timeline. You get a full width timeline on mobile.

small	medium	large

🤳 Mobile-specific layout improvements

I'll dare to use the word improvements here. Full width timelines on small screens. And the entire navigation is no longer always on screen. In place, a dreaded hamburger menu (for now) and a native-like tab bar. (Styling is very rough)

menu closed	menu open

🕴️ Modal replies

Replies and new posts no longer take you to a new page. Super rough, but the basics work.

mobile	desktop