@d2

AI prompt template grid with creative prompts, summarizer, story, poetry and study presets.

Glassmorphic AI content generator card with content type and tone pickers and a prompt field.

Pro version content creation card

Hotel booking dashboard with guest and vacancy stats, booking search and a check-in and check-out table.

Bento grid for an education program platform with admin overview, faculty view and a program form.

Tabbed AI prompt input with assistant, blog and pro modes plus file upload.

Startup mentorship landing hero with a headline, call to action and mentor avatar group.

Displays a form input field or a component that looks like an input field.

Renders an accessible label associated with controls.

Displays a card with header, content, and footer.

Displays a list of options for the user to pick from—triggered by a button.

A control that allows the user to toggle between checked and not checked.

Displays an indicator showing the completion progress of a task.

Displays a callout for user attention.

A drawer component that slides in from the bottom or sides of the screen.

Responsive three-tier pricing cards with feature comparison and popular plan highlighting

Premium landing page hero with a serif accent headline, badge and mentor avatar group.

Modern landing page hero section with badge, headline and avatar social proof.

AI writing assistant panel with assistant, blog and pro modes and a prompt field.

AI feature showcase with smart summarizer, creative prompts, document analysis and engagement metrics cards.

A four-panel notification bento: a pure-CSS metallic bell on a lit dot-matrix field, recent activity feed, unread counter and delivery-channel toggles, with dr…

A five-card feature bento with metallic-gradient glyphs on lifting icon tiles, a dot-matrix texture and color-dodged glow revealed on hover, and a holographic …

A flat 3×2 feature grid on thin edge-masked rules — no cards, no fills. Each cell pairs a recessed keycap icon tile with a sans-serif title and monospace descr…

A four-card services bento on marching dashed blueprint frames. Hover blooms each card's icon from blue to the D2 holographic gradient, scrambles the Clean Cod…

A four-card studio bento on a masked dot field. Each card is a Figma gradient export carrying its own glass fill and 16px border; an ambilight sampled from the…

Brushed-metal text: a bright band travels across the glyphs like a reflection, not a glow. Wraps any inline content, flips its stops per theme, and holds still…

A frosted-glass progress pill with technical-drawing leader lines bracketing a monospace readout. Three levels of chrome — full, bar, plain — and two fill styl…

A matte chip button with a holographic rim: three blurred glows pinned under the top edge, a bounce light along the bottom, and a gradient-clipped label and ma…

The card surface pricing-01 is built on: header, content, footer and a title/description pair.

The pixel-grid spinner engine every spinner preset builds on.

A 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).

A 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).

A 5×5 pixel-grid loading spinner: 16 frames at 110ms (1760ms loop).

A 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).

A 5×5 pixel-grid loading spinner: 8 frames at 120ms (960ms loop).

A 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).

A 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).

A 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).

A 4×4 pixel-grid loading spinner: 5 frames at 180ms (900ms loop).

A 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).