Blockhead・Web3 Browser/Explorer

In 2024, I continued to solo-build @blockhead (/blockhead), an open-source interface for tracking onchain assets, exploring EVM chains and browsing web3 protocols!

Feature highlights:

• 15 new user-swappable data sources in Preferences
• NFT valuations in Portfolio
• EIP-6963 wallet discovery
• Apps and app views filterable by network
• experimental dynamic OpenGraph images and Farcaster Frames (v1)
• indexer/algorithm-agnostic @farcaster client using @airstack.eth @neynar @openrank @pinata @mod
• infinite scrolling
• icons in dropdown menus
• /eas schema and attestation explorer
• real-time block height visualizations for EVM chains in Explorer
• @moxie.eth auction, order and subject explorer
• transaction traces, input data and summaries in Explorer
• linked ENSIP references in @ensdomains explorer
• price feeds and historical price charts in Explorer / Apps
• most content sections retrofitted to be collapsible
• improved wallet connection management

A sufficiently decentralized social network. farcaster.xyz

easiest way to build on farcaster @ neynar.com | /neynar

Your web3 username | Join the chat in /ens

Learn more: ens.domains | Register: app.ens.domains

/blockhead・open-source interface for web3・explore EVM networks, accounts, smart contracts, blocks/txs, tokens/DeFi/NFTs, IPFS, ENS, Farcaster and more

building open technologies to push decentralized social forward. Shipped:
@discove
@frames
@openframes
farcaster.id
farcasterchannels.com
@larrybot
@qdau

The official account for Airstack, developer of @moxie-protocol. airstack.xyz. On a mission to grow the Farcaster GDP.

Farcaster and IPFS at Scale | https://docs.pinata.cloud/farcaster/farcaster-api

Moxie is your onchain AI assistant—analyzing transactions, unlocking social alpha, and executing trades on your behalf.

In 2024, I continued to solo-build @blockhead (/blockhead), an open-source interface for tracking onchain assets, exploring EVM chains and browsing web3 protocols!

Feature highlights:

• 15 new user-swappable data sources in Preferences
• NFT valuations in Portfolio
• EIP-6963 wallet discovery
• Apps and app views filterable by network
• experimental dynamic OpenGraph images and Farcaster Frames (v1)
• indexer/algorithm-agnostic @farcaster client using @airstack.eth @neynar @openrank @pinata @mod
• infinite scrolling
• icons in dropdown menus
• /eas schema and attestation explorer
• real-time block height visualizations for EVM chains in Explorer
• @moxie.eth auction, order and subject explorer
• transaction traces, input data and summaries in Explorer
• linked ENSIP references in @ensdomains explorer
• price feeds and historical price charts in Explorer / Apps
• most content sections retrofitted to be collapsible
• improved wallet connection management

https://blockhead.info

The year was also not without opportunities to stretch frameworks to their limits and test new state-of-the-art tools across the JavaScript and TypeScript ecosystem!

Technical highlights:

• 1378 atomic Git commits
• extended SvelteKit’s server and routing functionality to handle  Farcaster Frames v1 endpoints and generate OpenGraph images using `satori` and `resvg` (eventually forming the basis of skiffle.dev)
• adopted `gql.tada` (gql-tada.0no.co) for generating type-safe GraphQL queries in TypeScript (replacing houdinigraphql.com)
• adopted `dotenvx` (dotenvx.com) for secure and portable deployment-agnostic environment variables (allowing me to bypass Netlify’s size limits)
• adopted `oazapfts` and then `openapi-typescript` for generating TypeScript REST API clients from OpenAPI / Swagger schemas (much leaner codegen footprint compared to `swagger-typescript-api`)

/frontend dev・founder/decentralized data wrangler /blockhead・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx, ritual.net・x.com/darryl__yeo

It may not look like much on the outside, but I also took on some monumental refactoring and migration work behind the scenes to pave way for some new and exciting features!

Codebase maintenance highlights:

• migrated from SvelteKit v1 → v2
• migrated @viem public clients to use tree-shakable actions
• rewrote lots of CSS in terms of nested rules
• improved custom container auto-sizing and layout transitions
• fixed navigation issues with custom SvelteKit route parameter binding logic
• deprecated old components/code from previous hackathon experiments
• organized API clients, TypeScript types and data normalization logic into a consistent file structure
• migrated all queries to use TanStack Query, lazy-loaded Vite imports, pagination and client-side caching
• added new fields and retroactively implemented queries for each data vertical using existing APIs for maximum redundancy
• migrated most state management from Svelte v4 stores → v5 state

It may not look like much on the outside, but I also took on some monumental refactoring and migration work behind the scenes to pave way for some new and exciting features!

Codebase maintenance highlights:

• migrated from SvelteKit v1 → v2
• migrated @viem public clients to use tree-shakable actions
• rewrote lots of CSS in terms of nested rules
• improved custom container auto-sizing and layout transitions
• fixed navigation issues with custom SvelteKit route parameter binding logic
• deprecated old components/code from previous hackathon experiments
• organized API clients, TypeScript types and data normalization logic into a consistent file structure
• migrated all queries to use TanStack Query, lazy-loaded Vite imports, pagination and client-side caching
• added new fields and retroactively implemented queries for each data vertical using existing APIs for maximum redundancy
• migrated most state management from Svelte v4 stores → v5 state

https://github.com/darrylyeo/blockhead

One of @blockhead’s longstanding design goals is for the frontend to work with any existing infrastructure and not be tied to any single indexer or backend.

Shoutout to all the new and returning data providers, integrated permissionlessly and/or as part of hackathons over the years!

• @blockscout
• @defillama
• @nexandria
• @blockscan
• @covalent-hq
• @airstack.eth
• @zapper
• @zerion.eth
• Chainbase
• Decommas

• @noves
• @quicknode
• @odos
• @coingecko
• CoinAPI
• CoinPaprika
• @curvegrid
• @1inchnetwork
• Easscan

• @alchemyplatform
• Blast API
• Moralis
• @figment
• Infura
• Tenderly
• @poktnetwork
• @gatewayfm
• GetBlock

addresso

tech vs. absurd – you're not real – /addresso - /sauce – /cto

Can't make the meeting but looking forward to hearing more!

since you’re building an explorer, maybe you’d be curious about ways to make addresses more legible 

join our session today when we announce /addresso ! would love to hear your insights

Blockhead continues to evolve with a wealth of new features, enhancing both usability and functionality. The focus on open-source and integration with various protocols showcases a commitment to the web3 community. Excited to see how these new additions will impact the tracker's performance and user experience.

Great progress on Blockhead! Excited about the new features, especially the enhanced NFT valuations and EIP-6963 wallet discovery. Keep up the fantastic work!