GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com โ€” ryanhefner - Overview

@ryanhefner ryanhefner Follow
More
  • Overview
  • Repositories
  • Projects
  • Packages
  • Stars
  • Sponsoring
@ryanhefner
ryanhefner
Follow
View ryanhefner's full-sized avatar
๐ŸŒด
On a permanent vacation

Ryan Hefner ryanhefner

๐ŸŒด
On a permanent vacation
Follow
Sponsor
Having fun, making stuff. Building products at @communesoftware. Site: https://www.ryanhefner.com | https://www.allplay.fm
138 followers ยท 201 following
  • @communesoftware
  • Atlanta, GA
  • https://www.ryanhefner.com
  • @ryanhefner.com
  • @ryanhefner
  • @ryan_hefner
  • https://www.allplay.fm

Sponsoring

@schickling

Achievements

Achievement: Pair Extraordinairex2Achievement: Public SponsorAchievement: YOLOAchievement: QuickdrawAchievement: Starstruckx2Achievement: Pull Sharkx4Achievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair Extraordinairex2Achievement: Public SponsorAchievement: YOLOAchievement: QuickdrawAchievement: Starstruckx2Achievement: Pull Sharkx4Achievement: Arctic Code Vault Contributor

Highlights

  • Developer Program Member
  • Pro

Organizations

@RockKick @colorsets @optimizetoolset @pkgstats @transmits @standardsets @webmentions @opengraphs @communesoftware @thankyourluckystars
More
  • Overview
  • Repositories
  • Projects
  • Packages
  • Stars
  • Sponsoring
ryanhefner/README.md

Hey, Iโ€™m Ryan Hefner.

Software developer by necessity, product designer by heart, and eternal tinkerer.

I like crafting well-designed, nicely coded software that gracefully solves the problem at hand. I build products at Commune Software, publish open-source tools for the web, and share what I learn along the way.

What Iโ€™m working on

  • OpenGraphs โ€” Open Graph image generation, metadata tooling, and optimization for sites and apps.
  • PostKit โ€” Portable article components, Markdown tooling, link metadata resolvers, and framework adapters.
  • Chakra Email โ€” React email templates with Chakra-style props, theme tokens, and email-safe rendering.
  • Chakra Docs โ€” Composable documentation for existing Chakra UI apps, with flexible content sources and framework adapters.

Open source

  • next-meta โ€” Composable metadata, Open Graph, and Twitter Card management for Next.js.
  • react-structured โ€” Type-safe React components for Schema.org JSON-LD and rich results.
  • react-fathom โ€” Privacy-focused Fathom Analytics for React, Next.js, and React Native.
  • use-bluesky โ€” React hooks for the Bluesky API.

There are plenty more experiments, utilities, and works in progress in my repositories and on my projects page.

Follow along

I talk through the process of building products and sharpening my craft on All Play, and get together with fellow builders for longer conversations on Jam Sessions.

Website ยท Bluesky ยท YouTube ยท All Play

Pinned Loading

  1. react-fathom react-fathom Public

    ๐Ÿ˜ป Privacy-focused Fathom Analytics for React, Next.js, and React Native with automatic pageview tracking and TypeScript support

    TypeScript

  2. next-meta next-meta Public

    ๐Ÿ—ฃ๏ธ A composable React component for managing meta tags, Open Graph, and Twitter cards in Next.js applications.

    TypeScript 2

  3. react-marquease react-marquease Public

    ๐Ÿ› HTML <marquee>s, the React way (with some handy control features).

    JavaScript 1

  4. clean-react-props clean-react-props Public

    ๐Ÿ› Utility functions for passing clean React props to HTML and SVG elements.

    JavaScript 6 2

  5. next-proper next-proper Public

    โ›“ Easily compile NextJS props via composed methods for getServerSideProps and getStaticProps.

    JavaScript

  6. use-bluesky use-bluesky Public

    ๐Ÿฆ‹ React hooks to interact with the Bluesky API

    TypeScript 1

Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.

Uh oh!

There was an error while loading. Please reload this page.

You are visitor 01402503 โ€” GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800ร—600. No cookies required.