The hub of alternative design, code, and content on the World Wide Web.
About Hoverstates
What Is Hoverstates?
Hoverstates is a free inspiration platform that serves as a hub for alternative design, code, and content on the web. Operating in the inspiration category, it showcases experimental websites since 2012, focusing on innovative approaches to web design, interactivity, and presentation. Hoverstates fits into the design workflow as a resource for discovering non-traditional examples that push boundaries in digital projects, particularly for designers and developers seeking fresh ideas beyond mainstream sites.
What Hoverstates Does
- Curates websites experimenting with design techniques, such as layered typography and image effects.
- Highlights interactive elements including mousemove slideshows and node-based layouts.
- Features sites with playful navigation, like typographic rosettes and multi-level structures.
- Presents content-driven examples with video portfolios, glitch effects, and responsive transitions.
- Spotlights cultural and experimental projects, from architecture studios to graduate showcases.
- Organizes selections thematically to demonstrate alternative web storytelling and user interfaces.
How Hoverstates Can Be Used
- Designers browse Hoverstates for ideas on implementing subtle saturation shifts or hue-rotated image load-ins in portfolio sites.
- Developers reference examples of cinematic text effects or variable font transitions to enhance page interactions.
- Teams exploring cultural websites use it to study multi-column list views or framed scrolling sections for complex layouts.
- Individuals prototyping experimental shops draw from glitchy 3D viewers and orchestrated page reveals.
- Students and educators review graduate showcases featuring multi-axis mousemove effects for interactive presentations.
Who Is Hoverstates For?
Hoverstates suits web designers, developers, and creative professionals interested in experimental websites within cultural, architectural, or artistic domains. It supports intermediate to advanced users working on projects requiring innovative interactivity, such as portfolios with mixed media slideshows or sites with dynamic wind-speed typography. Those in roles like UI/UX design or front-end development find value in its focus on alternative web approaches, helping to inspire unique solutions for non-standard briefs. Visit Hoverstates
Featured Tools
Pryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
Hue Codex
Hue Codex is a free, no-account color workspace for designers and developers, with palette generation, WCAG contrast checks, modern CSS tools, image color extraction, local saving, and exports.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
Framer
Design and launch your dream website with no coding required.
PromptCreek
Prompt Creek is a free community-driven repository featuring thousands of AI prompts. Discover, bookmark, and share quality prompts for ChatGPT, Claude, and other AI tools.
Vatis Tech
Vatis Tech is the most powerful speech-to-text infrastructure. It can be used to transcribe user interviews and client meetings.
Webflow
Accelerate website creation without needing to code.
More Inspiration Tools
500px
Ignite inspiration with incredible photos spanning diverse styles and genres worldwide.
60FPS
An expanding repository of ads, interfaces, and motion design inspiration.
abdz.do
A collective of individual writers sharing articles on graphic design, branding, and UI.
AIGA Eye on Design
A discerning eye focused on the latest and greatest work from the world's most dynamic graphic designers.
Aiverse Design
The largest library of AI-UX interactions for designers
Appshots
A repository featuring 100+ screenshots from the world's finest iOS and Android apps.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources
