Prompt & style library

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

StyleKit

Editor violet + filter cyan on dark

UI/UX Pro Max

Cursor rules for HTML development with Tailwind CSS and JavaScript integration.

awesome-cursorrules

Cursor rules for JavaScript development with Astro and Tailwind CSS integration.

awesome-cursorrules

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

awesome-cursorrules

Cursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.

awesome-cursorrules

Cursor rules for Tailwind CSS development with Next.js integration.

awesome-cursorrules

Cursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.

awesome-cursorrules

Apple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…

StyleKit

Native macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.

StyleKit

Pinterest-style masonry layout with variable-height cards, achieved through CSS columns or masonry grid for a naturally flowing visual effect. Ideal for image galleries, portfolios, and social media.

StyleKit

A layout approach that breaks traditional symmetric grids, creating dynamic and engaging page structures through irregular column widths, overlapping elements, and visual tension. Ideal for creative portfolios, art exhi…

StyleKit

Irregular grid layout inspired by Japanese bento boxes, creating visual hierarchy through varied card sizes. Commonly used for portfolios and product showcases.

StyleKit

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

The classic three-column web layout consisting of a fixed header, a three-column middle section (left navigation, main content, right sidebar), and a fixed footer -- a foundational layout paradigm in web design.

StyleKit

Multi-column grid layout inspired by print magazines, creating rich visual hierarchy through varied content block sizes. Ideal for news, blogs, and content aggregation.

StyleKit

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…

Inter

Awesome DESIGN.md

An inspired interpretation of Superhumon's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quie…

Super Sans VF

Awesome DESIGN.md

Blushing Drops' storefront presents as a custom photo-backdrop and event-decor

Crimson Pro

Awesome DESIGN.md — e-commerce

Malco Tools is a manufacturer-direct site for HVACR and building-construction hand tools, and the supplied CSS points to a utilitarian, catalog-driven interface rather than a lifestyle brand. The body font stack is futu…

futura-pt-bold

Awesome DESIGN.md — e-commerce

Warren London's storefront CSS centers on a warm, spa-like cream canvas

Instrument Sans

Awesome DESIGN.md — e-commerce

Fi's storefront CSS reflects a neutral, high-contrast UI system built on a

MessinaSans

Awesome DESIGN.md — e-commerce

Aperion Audio's storefront runs on a Shopify theme whose CSS exposes a neutral

Awesome DESIGN.md — e-commerce

The observed CSS is a customized Bootstrap 3 base layered with a bespoke

cormorant-garamond

Awesome DESIGN.md — e-commerce

This interpretation is grounded in CSS extracted from the Nord Keyboards site, a Swedish

Awesome DESIGN.md — e-commerce

4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…

Barlow

Awesome DESIGN.md — e-commerce

Athletic Brewing's storefront CSS centers on a deep navy (#003a5d) as the core

Barlow Condensed

Awesome DESIGN.md — e-commerce

Sun Noodle's observed CSS exposes a small, named palette built around three

Dreamboat

Awesome DESIGN.md — e-commerce

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Poppins

Awesome DESIGN.md — e-commerce

Tattered Cover's storefront CSS exposes a restrained neutral palette anchored

DellaRobbia

Awesome DESIGN.md — e-commerce

Shure's public CSS evidence reveals a utilitarian, high-contrast commerce

OstrichProperExtraBold

Awesome DESIGN.md — e-commerce

Plungie's observed CSS centers on a deep navy palette (`#13294b`, `#11284b`,

Plus Jakarta Sans

Awesome DESIGN.md — e-commerce

Bob's Watches' available CSS surfaces a utilitarian Bootstrap-based system

Frank Ruhl Libre

Awesome DESIGN.md — e-commerce

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Assistant

Awesome DESIGN.md — e-commerce

This interpretation is built from Kanile'a Ukulele's Shopify theme CSS: a warm, low-contrast neutral palette (near-black #232323 and #413f3f/#423f3f charcoal text on white canvas), pill-shaped swiper controls, and squar…

Cabin

Awesome DESIGN.md — e-commerce

This interpretation is grounded in CSS custom properties and inline styles captured from gearshop.rivian.com, a Shopify-based storefront for Rivian's adventure gear, apparel, charging equipment, wheels/tires, and parts.…

Adventure

Awesome DESIGN.md — e-commerce

SOKO's storefront CSS exposes a neutral black-and-white foundation (#000000, #ffffff, #111111) layered with warm accent tones drawn from its jewelry materials: a brass/gold badge color (#7e6b45) used for "best seller" l…

Outfit

Awesome DESIGN.md — e-commerce

Cat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…

CooperLtBTWXX-Light

Awesome DESIGN.md — e-commerce

This interpretation is drawn from Shopify theme CSS (app.css) for Herschel's

CheltenhamBdCnBT

Awesome DESIGN.md — e-commerce

Peg Perego's storefront CSS shows a single dominant brand color: a deep navy

Lato

Awesome DESIGN.md — e-commerce

Pehr's storefront CSS shows a restrained, black-and-white foundation layered

Quincy Thin

Awesome DESIGN.md — e-commerce

Spirit Tea's markup exposes an editorial, tea-house identity built on CSS

Dala Moa

Awesome DESIGN.md — e-commerce

Southern Candle Studio's storefront CSS points to a deep navy-on-white system anchored by

Work Sans

Awesome DESIGN.md — e-commerce

Snuza's public site runs on a Foundation-framework base, and the supplied CSS

Awesome DESIGN.md — e-commerce

Cat Footwear's storefront CSS exposes an explicit black-and-white brand

Awesome DESIGN.md — e-commerce

This interpretation is drawn from the live us.kipling.com storefront CSS,

Kipling

Awesome DESIGN.md — e-commerce

SeaBear Smokehouse's observed CSS shows a Pacific Northwest smokehouse

interstate-condensed

Awesome DESIGN.md — e-commerce

Status Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom

Usual

Awesome DESIGN.md — e-commerce

RL Drums runs on a Shopify Dawn-derived theme whose CSS custom properties define

Archivo Narrow

Awesome DESIGN.md — e-commerce

This interpretation is grounded in CSS extracted from corsaperformance.com, an American manufacturer

Barlow

Awesome DESIGN.md — e-commerce

Kalon Studios' front-end CSS shows a restrained, editorial system built on WordPress/WooCommerce defaults rather than a fully bespoke design language. Body copy renders in AdelleSans (14px, line-height ~1.43, color #404…

AdelleSans

Awesome DESIGN.md — e-commerce

Portola Paints & Finishes sells specialty decorative coatings (Roman Clay, Lime Wash, Traditional Finish) through a Shopify storefront whose extracted CSS exposes a neutral, utilitarian UI palette layered over a small s…

Cardo

Awesome DESIGN.md — e-commerce

JM Bullion's observed CSS shows a utilitarian e-commerce shell built on Open Sans (with Arial and sans-serif fallbacks) at a compact 15px/18px body rhythm, layered over a white canvas. The confirmed brand blue (#125ea7)…

Open Sans

Awesome DESIGN.md — e-commerce

This interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…

din-2014

Awesome DESIGN.md — e-commerce

Snoozer's site CSS shows a warm, craft-shop palette built around a dark umber

Bitter

Awesome DESIGN.md — e-commerce

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Avenir Heavy

Awesome DESIGN.md — e-commerce

ShearComfort's storefront runs on a BigCommerce Stencil theme whose CSS confirms a single

Awesome DESIGN.md — e-commerce

Christy Dawn's public CSS evidence points to a warm, earth-toned palette built

garamond-premier-pro-display

Awesome DESIGN.md — e-commerce

Graza's public CSS surfaces a warm, produce-forward palette built around

ITC Garamond Condensed

Awesome DESIGN.md — e-commerce

De Wine Spot's supplied CSS points to a Shopify storefront built around a deep

Baskerville

Awesome DESIGN.md — e-commerce