MOBA BR MEETS HERO SHOOTER. Jump, glide, shoot, punch, bounce, nuke, spike your enemies in this free-flowing, chaotic battleground in the sky. Face off in all-out, multi-squad teamfights, take down boss monsters for big loot, get that W and run it back.

SUPERVIVE on Steam

https://store.steampowered.com/app/1283700/SUPERVIVE/

I started a new component library designed to simplify creating interfaces with React and terminal aesthetics. In this preview, I’m showcasing it with the Geist Mono variable font.

Server Mono still needs a lot of work, so I added a fonts tab to make it easier to test Server Mono against other options like one of my favorites, SFMono Square.

Here is an example of a table for displaying simple datasets

I added code blocks with line numbers, resolved some z-index bugs, and made it possible to trigger modals from dropdown menus

Improved the sizing of our single border and double border cards, hope you enjoy

Keeping it simple with single line, double line, and gradient dividers.

One of my favorite creatives, Ross, made this for @intdev.

I decided to go with simple lists and links for now

I love the way the Matrix component looks on the iPhone

Today marks version 1 of my monospace explorations, sacred[dot]computer. Thanks for all of the support and fun. If you have any requests, feel free to reach out.

Good luck in the new year :-)

It was satisfying to add checkboxes to the library

Craft is the act; art is knowing when to stop; design is the negotiation.

I had some fun testing a table component where the values frequently change

As version one approaches, it’s fun to work on layout components, like this draggable sidebar.

Should we design a monospace terminal styled iMessage?

I added popovers that adjust position when the user scrolls

Similar in function to the gradient loading bars, I added progress bars with customizable fill characters.

King Henry V was 29 when he defeated ~15,000 French at the battle Agincourt. You’re still early.

Inspired by IRSSI and iMessage, I used components from the library to create a sample messaging app interface

As requested, Departure Mono, Fira Code, Fragment Mono, Commit Mono, Iosevka Term and TX-02 Berkeley Mono previews have been added for you to play with

As a fan of old Unix documentation, I added a simple Drawer component you could use for a short tutorials index or quick references.

Here are some CSS sliders from our new library

I had fun working with hotkeys and ensuring full keyboard navigation support for my new component library

Just added stacked modals to the library! They stack with every user click and still allow users to view other page elements.

Here is a “just for fun” example of Snake made using canvas in our library. When the component is out of focus it pauses the game.

Every day is a day to refine your own capabilities,
Every day is a day to pave the way for others to do the same.

just happy to get to build stuff out here

A legendary moment for us to be able to hear Bryan Newbold speak in our studio space in Seattle.

Dear webmaster,

If you feel like you’re about to embark on a daunting, herculean website, and fear that it could all be meaningless, don’t worry—I believe in you and your ability to be better every day. Just keep walking the path and ship it. Ship everything

As a fan of the old critical error message screens we used to see on PCs, I added some components that hopefully give a similar feeling.

The library now includes a TreeView component, designed to help render file systems. It supports tab focus, show and hide functionality for folders.

Adding radio buttons, double bordered cards, and I am getting close to finishing all form components

Added a card component to help complete the terminal aesthetics of the library

Starting Friday with a Matrix Loader component for the library—because every system with terminal aesthetics deserves a little flavor

I implemented some loaders into the component library

I added a text area component that automatically resizes, it supports auto play and a caret that can be moved around with arrow keys.

Happy holidays, here are some drop-down menus that remind me of a different time

Our tables should be well-proportioned on a mobile device

I added a date picker component, inspired by historic MS-DOS

A photo of Anastasiya and Chenyu working on a website in our Seattle studio taken by Andrew Alimbuyuguen.

Full keyboard navigation feels great, especially when interacting with avatars.

SRCL has been a fun exploration into terminal aesthetics on the web. I love sharing open source and I hope SRCL is able to help you achieve your app goals too. 

Also shout out to Vercel for making Geist Mono and being the hosting provider.

BIG CONGRATS to our studio’s friend Jeff Zhang (of TheoryCraft) and congratulations to their team on the launch of SUPERVIVE. 

Check it out here: https://store.steampowered.com/app/1283700/SUPERVIVE/

To have some fun, I added a canvas component for making a simple platformer to the library for you to extend

There is now a theme menu along with a new green theme

I am happy with how the first revision of form components turned out, both on the page and in a modal

I think my new component library is great for an information dense mobile context

Proof that you can go far by supporting your friends and their projects: today, a community I support is number one in the US App Store, built with a tool called Expo that I had the chance to improve the design and work on in 2017.

Posts