# Hoverstate

> A curated gallery of website and landing page designs for design inspiration — browse real, live sites by category, industry, style and technology.

Hoverstate collects real, live websites (not mockups) so designers and developers can study how working products actually look and structure their pages.

## When to use Hoverstate

Use Hoverstate when you need:
- Visual inspiration for a specific UI pattern — hero sections, pricing tables, navigation, footers, OG images, etc.
- Research on how real production sites handle a layout, typeface pairing, color scheme, or motion detail
- Examples of landing pages or website designs for a specific industry, style, or technology
- A list of tools and frameworks that well-designed sites are built with
- Reusable Claude Code skills for design and engineering workflows

Hoverstate is best for design research and inspiration on real, live sites. It is not a code sandbox, a design tool, or an API service — it is a curated human-browsable and agent-accessible gallery.

## Browse

- [Websites](https://www.hoverstate.design/): Full gallery of curated website designs, filterable by tag.
- [Landing Pages](https://www.hoverstate.design/landing-pages): Landing page designs, filterable and sortable.
- [OG Images](https://www.hoverstate.design/og-images): Open Graph / social preview image inspiration.
- [Fonts](https://www.hoverstate.design/fonts): Fonts used across the curated gallery.
- [Tools](https://www.hoverstate.design/tools): Design and development tools used to build the featured sites.
- [Skills](https://www.hoverstate.design/skills): Reusable Claude Code skills for design and engineering workflows.

## About

- [About](https://www.hoverstate.design/about): What Hoverstate is and who it's for.
- [Contact](https://www.hoverstate.design/contact): Get in touch — submissions, feedback, partnerships.

## Submit

- [Submit a website](https://www.hoverstate.design/submit/website): Nominate a real, live site for the gallery.
- [Submit a tool](https://www.hoverstate.design/submit/tool): Add a design or development tool.
- [Submit a skill](https://www.hoverstate.design/submit/skill): Share a Claude Code skill.

## Developer resources

- [Developer resources](https://www.hoverstate.design/developers): How agents and developers can discover and navigate Hoverstate — URL patterns, Markdown content negotiation, sitemap, llms.txt, and API docs.
- [OpenAPI spec](https://www.hoverstate.design/api/openapi.json): OpenAPI 3.1 specification for all public Hoverstate API endpoints.
- [Sitemap](https://www.hoverstate.design/sitemap.xml): Every individual design, OG image, tool, category and technology page — the complete, current index.
- [llms.txt](https://www.hoverstate.design/llms.txt): This file — the top-level machine-readable index.
- [Search](https://www.hoverstate.design/search): Search the gallery by keyword.

Hoverstate exposes three utility API endpoints (search, newsletter subscribe, username check) documented in the OpenAPI spec at `/api/openapi.json`. Agents and crawlers can discover gallery content through the sitemap XML and llms.txt index. Individual design pages are publicly accessible at `https://www.hoverstate.design/websites/[slug]`. All pages respond to `Accept: text/markdown` with a Markdown body (`Content-Type: text/markdown`, `Vary: Accept`).

Individual design pages are publicly accessible at `https://www.hoverstate.design/websites/[slug]`. Category pages at `/websites/category/[category]`. Technology pages at `/websites/built-with/[technology]`.

## Full index

- [Sitemap](https://www.hoverstate.design/sitemap.xml): Every individual design, OG image, tool, category and technology page on Hoverstate — this file only lists top-level sections, the sitemap is the complete, current index.