Builderz Solana dApp Scaffold

Builderz Solana dApp Scaffold is a minimal boilerplate for Solana decentralized applications, built on Next.js 16, Tailwind CSS v4, and shadcn/ui, and maintained by Builderz. It gives developers a pre-configured front-end with wallet connection, a 2026-style design system, and AI development rules out of the box.

What is Builderz Solana dApp Scaffold?

Builderz Solana dApp Scaffold is a starter repository for Solana front ends. It takes a Solana RPC endpoint as an environment variable and produces a running Next.js app with wallet adapter integration, a themed component library, and a clean project structure. The scaffold targets React 19, uses the App Router with Turbopack, and is published on GitHub by Builderz under the MIT license.

Key Features

• 2026 design system — glassmorphism, soft UI, mesh gradients, glow effects, and micro-animations are shipped as CSS utilities in styles/globals.css, with a .bg-mesh class that auto-switches light and dark variants.
• Automatic theme detection — next-themes powers a System → Light → Dark cycle, and CSS media queries set the correct theme on initial load to avoid flashing.
• Styled wallet integration — Solana Wallet Adapter is wrapped in contexts/ContextProvider.tsx with a styled wallet modal and dropdown in components/wallet.
• Unified button variants — components/ui/button provides six variants: default, glow, soft, glass, outline, and ghost.
• shadcn/ui component primitives — button and sheet components are included, and more can be added with pnpm dlx shadcn@latest add dialog or similar commands.
• AI-assisted development rules — pnpm solana-rules runs solana-claude-md to generate CLAUDE.md, SOLANA_EXPERT_AGENT.md, and SOLANA_FRONTEND_AGENT.md covering Anchor 0.32+, security best practices, Mollusk, LiteSVM, Trident fuzzing, and transaction optimization.
• Mobile-first layout — the scaffold includes a header, footer, theme toggle, mobile navigation, and animated transitions in components/layout.

Who is it for?

Solana dApp developers who want a preconfigured front-end with wallet connect and a consistent UI instead of wiring Next.js, Tailwind, and wallet adapter manually. Solana program developers who use AI coding assistants can use the bundled rules to get expert guidance on Anchor programs, security, and testing. Product teams that want a clean 2026-style visual identity with glass and soft UI effects can adopt the scaffold's design tokens directly.

What can you do with Builderz Solana dApp Scaffold?

• Independent builders: clone the repo, set NEXT_PUBLIC_HELIUS_URL to an RPC endpoint, run pnpm dev, and get a wallet-connected landing page with dark/light themes.
• Frontend engineers: extend the UI by adding shadcn components such as dialog, dropdown-menu, and input, then reuse the Button variants and utility classes in new pages.
• AI-assisted developers: run pnpm solana-rules to generate Solana development rule files for Claude Code, covering security best practices, testing frameworks, and landing strategies.
• Designers: customize brand colors by editing theme variables such as --color-builderz-green and --color-builderz-blue in styles/globals.css.

How does the scaffold work?

The setup flow is: clone the repository, run pnpm install, copy .env.example to .env, add a Solana RPC endpoint, then run pnpm dev and open http://localhost:3000. The repository includes scripts for dev, build, start, lint, format, and format:fix, plus the solana-rules script for AI configuration. The project structure separates app/, components/ui/, components/layout/, components/wallet/, contexts/, lib/, and styles/ to keep providers, utilities, and design tokens organized.

Pricing

Builderz Solana dApp Scaffold is free and open source under the MIT license.

FAQ

Is Builderz Solana dApp Scaffold free?

Yes, the scaffold is released under the MIT license, so you can use, modify, and redistribute it without licensing fees. The GitHub repository is public and contributions are welcome.

What Node.js version is required?

Node.js 24 or newer is recommended. Next.js 16 requires Node.js 20.9.0 as a minimum, so any Node.js version from 20.9.0 upward should work.

Does the scaffold include wallet connection?

Yes, it integrates the Solana Wallet Adapter through a ContextProvider and provides a styled wallet modal and dropdown, so users can connect wallets directly from the starter UI.

How do I add more UI components?

The project uses shadcn/ui, so you can add components from the CLI, for example pnpm dlx shadcn@latest add dialog or pnpm dlx shadcn@latest add dropdown-menu. Components are placed in components/ui/.

How do I change brand colors?

Edit the theme variables in styles/globals.css. The scaffold defines colors such as --color-builderz-green and --color-builderz-blue that are used across the design system and can be overridden globally.