The Blueprint

A carefully curated collection of tools, services, and resources that inspire us. These are the building blocks we admire and often use in our craft.

Tailwind CSS

A utility-first CSS framework that we love for its flexibility and rapid development capabilities.

DevelopmentDesignPerformance

WHY WE LOVE IT

Its utility-first approach perfectly balances development speed with design flexibility.

Figma

The collaborative interface design tool that has revolutionized how we create and share designs.

DesignTools

WHY WE LOVE IT

Real-time collaboration and powerful design features make it our go-to design tool.

Vercel

The platform for frontend developers that provides the best developer experience for deploying apps.

HostingPerformanceDevelopment

WHY WE LOVE IT

Zero-config deployments and incredible performance optimization tools.

shadcn/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

ComponentsDevelopmentDesign

WHY WE LOVE IT

High-quality, accessible components that are easy to customize and implement.

ChatGPT

Advanced language model that assists with coding, content creation, and problem-solving.

AIDevelopmentLearningTools

WHY WE LOVE IT

Incredible tool for brainstorming, debugging, and learning new concepts.

GitHub Copilot

AI pair programmer that helps write better code faster.

AIDevelopmentTools

WHY WE LOVE IT

It's like having a knowledgeable pair programmer available 24/7.

VS Code

Powerful, extensible code editor that supports every major programming language.

DevelopmentTools

WHY WE LOVE IT

Extensive ecosystem of extensions and excellent Git integration.

Stripe

Payment infrastructure for the internet with excellent developer experience.

DevelopmentMarketplace

WHY WE LOVE IT

Best-in-class documentation and developer tools.

Next.js

The React framework for production that makes building fullstack web applications a joy.

DevelopmentPerformance

WHY WE LOVE IT

Perfect balance of developer experience and performance.

Framer Motion

A production-ready motion library for React that makes it easy to create animations.

DevelopmentDesignComponents

WHY WE LOVE IT

Makes creating complex animations surprisingly simple.

Supabase

Open source Firebase alternative with all the backend features you need.

DevelopmentSecurityHosting

WHY WE LOVE IT

Powerful features with simple implementation and great documentation.

Monaco Editor

The code editor that powers VS Code, available as a component.

ComponentsDevelopment

WHY WE LOVE IT

Brings VS Code's powerful editing capabilities to the browser.

Midjourney

AI art generation tool that creates stunning visuals from text descriptions.

AIDesignTools

WHY WE LOVE IT

Creates incredible visual assets that spark creativity.

Cloudflare

Security and performance optimization at the edge.

PerformanceSecurityHosting

WHY WE LOVE IT

Makes our applications faster and more secure with minimal effort.

Notion

All-in-one workspace for notes, documents, and collaboration.

ToolsLearning

WHY WE LOVE IT

Flexible and powerful way to organize information and collaborate.

QR Code Generator

Generate custom QR codes with control over colors and styling. Perfect for creating professional QR codes for your business or personal use.

Innerhaus OriginalsTools

WHY WE LOVE IT

Simple, efficient, and customizable - everything a QR code generator should be. Plus, we built it!

Weather App

A sleek, modern weather application that provides real-time weather information with a beautiful user interface.

Innerhaus OriginalsTools

WHY WE LOVE IT

Combines functionality with beautiful design to deliver weather information in a user-friendly way.

Password Generator

Create strong, secure passwords with customizable options for length, character types, and more.

Innerhaus OriginalsSecurityTools

WHY WE LOVE IT

Takes the complexity out of creating secure passwords while offering powerful customization options.

JSON Generator

Generate complex, random JSON data for testing and development purposes.

Innerhaus OriginalsDevelopmentTools

WHY WE LOVE IT

Makes generating test data a breeze with powerful randomization options.

JSON Tidy

Format and beautify JSON data with options to minify or prettify your JSON code.

Innerhaus OriginalsDevelopmentTools

WHY WE LOVE IT

Clean, simple interface for quickly formatting JSON data - perfect for developers.

CSS Shadow Generator

Create and customize CSS box shadows with a visual interface. Perfect for designers and developers.

Innerhaus OriginalsDesignDevelopment

WHY WE LOVE IT

Visual box shadow creation that makes it easy to perfect those subtle design details.

Random UUIDs

Generate random UUIDs with various options and formats for your development needs.

Innerhaus OriginalsDevelopmentTools

WHY WE LOVE IT

Handy tool for quickly generating UUIDs in various formats - essential for development.

3D Donut Animation

A mesmerizing ASCII art animation of a rotating 3D donut, created with pure JavaScript.

Innerhaus OriginalsDevelopment

WHY WE LOVE IT

A fun demonstration of what's possible with creative coding and mathematics.

AppShots

A curated collection of beautiful app screenshots and UI designs for inspiration and reference.

DesignTools

WHY WE LOVE IT

Invaluable resource for UI inspiration and staying current with app design trends.

Typographica

Expert reviews and insights on typography, featuring in-depth analysis of typefaces and their applications.

DesignLearning

WHY WE LOVE IT

Deepens our understanding of typography and helps us make informed font choices.

Automator

A powerful design automation platform that streamlines workflows and enhances productivity.

DesignTools

WHY WE LOVE IT

Saves valuable time by automating repetitive design tasks while maintaining quality.

UX Kits

Professional UX design resources, templates, and wireframes for rapid prototyping and design.

DesignTools

WHY WE LOVE IT

Accelerates the design process with high-quality, customizable UX resources.

Hotpot AI

AI-powered design tools for creating graphics, icons, and visual assets with ease.

AIDesignTools

WHY WE LOVE IT

Combines AI capabilities with design tools to speed up asset creation.

Sentry

Real-time error tracking system that helps developers monitor and fix crashes in production.

DevelopmentPerformanceTools

WHY WE LOVE IT

Provides actionable insights and error details that make debugging a breeze.

Storybook

A UI component explorer that helps you build and test components in isolation.

DevelopmentComponentsTools

WHY WE LOVE IT

Makes it easy to develop, preview, and document components outside of your main app.

Docker

A containerization platform that enables developers to package applications and dependencies into portable containers.

DevelopmentTools

WHY WE LOVE IT

Keeps environments consistent across teams and simplifies deployment.

PlanetScale

A serverless MySQL platform built on Vitess, designed for hyperscale and zero-downtime migrations.

DevelopmentHosting

WHY WE LOVE IT

Branching and non-blocking schema changes make working with databases much more flexible.

Astro

A modern static site builder focused on performance, with partial hydration to minimize JavaScript.

DevelopmentPerformance

WHY WE LOVE IT

Lets you deliver lightning-fast sites by shipping less JavaScript to the client.

DaisyUI

A Tailwind CSS components library that helps you build modern UIs quickly and easily.

DesignDevelopmentComponents

WHY WE LOVE IT

Provides ready-to-use, themeable components with minimal overhead.

Zapier

Connects and automates workflows between your favorite apps, saving you time on repetitive tasks.

Tools

WHY WE LOVE IT

Streamlines multi-app tasks and integrations without any coding required.

Prisma

A modern database toolkit to query, migrate, and model data in TypeScript and Node.js.

DevelopmentTools

WHY WE LOVE IT

Gives you type-safe database queries, simpler migrations, and an excellent developer experience.