Nate Butler
Kuroneko
  • Hey, I'm Nate πŸ‘‹πŸ»

    I'm a designer & maker enabling people's creativity and ability share knowledge. Chances are you have probably used something I've built.

    I want to help people create the things important to themβ€”To empower them to create something themselves and feel the euphoria it brings. My goal is always to help the people around me level up, in their careers & lives.

    I post about all types of things here. You will find a mix of work, top of mind, reflections, & process. Enjoy!

  • Building UI in gpui

    An overview of how to build in gpui, and the tricks I've learned over the last 2 years.

    A reasonably unstructured collection of tips and tricks for building UI in gpui. This post will give a bit more flavor as we go to the examples in the gpui-examples repo. Application & Context Remove the default titlebar Example – Hide titlebar This one is pretty straight forward. but immediate...

    Apr 27, 2025

    Adding Extended Context in GPUI

    Make global items accessible from anywhere in your app through cx.

    Inevitably when building an app you have various state and data that you want accessible from anywhere in an app. When using gpui, thanks to Rust's powerful trait system, you can use an extension to do this–and it is pretty handy. Let's take a look. How it works Here's the basic idea: Define a t...

    Apr 20, 2025

    The Black Magic of Canvas and Text Editing

    Or: Writings on how complex canvas editors and text systems work.

    As I dive into building my own canvas editor I'm starting to wonder about the folks and tech that has come before. Here is a collection of things I've found so far (with hopefully more to come!) Canvas Figma - Evan Wallace A collection of writings on technical work on Figma. Figma - Rasmus Ander...

    Mar 29, 2025
    gpui Fractals & More
    2025 – Feb
    Synthesize
    2024 – Dec
    lil' widgets
    2024 – Aug

    Adding a Favicon in 2024

    What do we actually need to do to add a favicon to a site in 2024? With a little Astro flavor.

    Let's go on a quick side quest to add a favicon to this new site. These always seem to be a bit of a pain because the vendor requirements are always changing. Evil Martians have a really great writeup that covers a lot of this here: How to Favicon in 2024: Six files that fit most needs . We'll most...

    Feb 27, 2024

    Generating a Content Index

    Ahead of some schemes of building site-wide content search, and perhaps an RSS feed, let's build a content index.

    I've been eyeing TinySearch for a long while, and now is a great chance while things are super simple to try to get it working. Matthias Endler has a great post on experimenting with building a really tiny site-wide search utalizing Rust & WASM, and ever since I read it I've been wanting to try it...

    Feb 26, 2024

    Building a new site with Astro

    It's that time of year again – time to build a new site. This time, I'm using Astro. Here's how it's going.

    I'm out on paternity leave until early April, and with things finally calming down a little bit with the little one I thought I'd take a little time to build a new site. For now this is a bit of a back-to-basics approach. I'm trying out Astro, and it feels oddly nostalgic for some reason – like I'm...

    Feb 26, 2024
    Monsoon
    2024 – Feb
    DALLΒ·E Worlds
    2022 – Aug

    Design Docs V2

    Design Docs V2.0 brings a new site built in Next.js, refined content, and a dedicated domain at designdocs.co. It aims to give early career designers resources and a roadmap to improve their craft, prepare a portfolio, and get their first job in the industry.

    Design Docs V2.0 brings a new site built in Next.js, refined content, and a dedicated domain at designdocs.co. [image] I've been working on updating resources to make it easy for people to contribute to the project and plan over the following few versions to have clear tasks for people to pick up....

    May 28, 2022
    Mixblocks
    2021 – Dec
    Zed.dev 2.1
    2021 – Nov

    fig-gen: Making Generative art in Figma.

    Exploring the new Automator plugin for Figma. I thought exploring a minimal generative series using pixels and mapping equations would be a fun way to try it out.

    Generative Art with Figma & Automator I spent the evening exploring the new Automator plugin for Figma from Jordan Singer. I thought a minimal generative series using pixels and mapping equations would be a fun way to try it out. [image] Process I started by pushing on nesting shapes – How does...

    Nov 6, 2021
    Zed Industries Branding
    2021 – Sep

    Writing with ADHD

    A personal reflection on how ADHD affects my writing process, inspired by Geraint Evans' article on ADHD writing styles.

    This post is a reflection on Geraint Evans' "This is how an ADHD person actually writes." I'd start there first! I'm a terrible writer. Or, at least, I've convinced myself of that my whole life. The things that I write flow awkwardly, and I never understand all the rules of writing and the way to...

    Jun 13, 2021
    List

    Good Software

    A collection of excellent apps and tools that make life better.

    Apr 21, 2021

    Mixblocks

    Learn, create & remix with light and sound. mixblocks lets you create small, open source blocks that anyone can use to make creations, license-free–with a focus on physical output to displays like LED Dot Matrices.

    Apr 2021
    List

    Web Dev Resources

    A curated collection of web development tools, references, and learning materials.

    Mar 15, 2021
    List

    Design Resources

    A curated collection of design resources and references.

    Mar 8, 2021
    Design Docs

    Design Docs

    An open source design doc site focused on helping early career designers

    Jan 2021
    Mothership
    2020 – Feb
    Portrait Glitch
    2020 – Jan
    Custom PS4
    2019 – Dec
    Juice for Audiobooks
    2019 – Nov
    Bodies
    2019 – Oct
    Infinity Ring
    2019 – Oct
    Playing with Reflections
    2019 – Oct
    News Feed XFN
    2019 – Jun
    B&W Renders
    2017 – Jun
    Android First Posters
    2017 – May
    Moonlight
    2016 – Aug
    Run Sprite
    2016 – Jul
    3V3.gg
    2016 – Jan
    iOS 11 Backgrounds – fb.design

    iOS 11 Backgrounds – fb.design

    A set of backgrounds for the iOS 11 GUI

    Jan 2016
    NateV4
    2015 – Dec
    Space Glitch Patterns
    2015 – Nov
    Cuuubic
    2015 – Oct

    Design Workshop

    A two part project: one part illustration, one part narrative. It was born out of a desire to make without a problem, to make for the sake of making.

    This is a project about discovery, identifying weakness, and finding strength. A two part project: one part illustration, one part narrative. It was born out of a desire to make without a problem, to make for the sake of making. Learning to Make The illustrations began by exploring the ideas of lo...

    Mar 12, 2015
    Simple Google Music Notification
    2013 – Jan
© 2024 | Nate Butler
  • github /
  • bluesky