SparkBites

design-bitesNEW

Curated DESIGN.md files for 270+ inspiring websites. Design systems decoded for AI agents.

Agentation

Enhance productivity with Agentation's dynamic visual feedback tool for agents. Boost collaboration and streamline your workflow today!

DESIGN.mdView on GitHub →0

npx design-bites add agentation.dev

Added 6 months ago

Colors

White

Gray

Fonts

Inter(Sans Serif)

IBM Plex Serif(Serif)

Tech Stack

Related Websites

useHooks

A collection of modern, server-safe React hooks – from the ui.dev team

AuthKit

A fully-featured UI component system for building authentication flows into your app.

SQLite on the edge

SQLite on the edge.

Toast - pheralb

An accessible and beautiful notification library for React.

Simple Badges

3278 Awesome Simple Icons on your favorite Shields.io Badges.

Mora

An AI data analyst for B2B teams that delivers insights by connecting databases, warehouses, and CRMs.

Agentation

Enhance productivity with Agentation's dynamic visual feedback tool for agents. Boost collaboration and streamline your workflow today!

DESIGN.mdView on GitHub →0

npx design-bites add agentation.dev

Added 6 months ago

Colors

White

Gray

Fonts

Inter(Sans Serif)

IBM Plex Serif(Serif)

Tech Stack

Related Websites

useHooks

A collection of modern, server-safe React hooks – from the ui.dev team

AuthKit

A fully-featured UI component system for building authentication flows into your app.

SQLite on the edge

SQLite on the edge.

Toast - pheralb

An accessible and beautiful notification library for React.

Simple Badges

3278 Awesome Simple Icons on your favorite Shields.io Badges.

Mora

An AI data analyst for B2B teams that delivers insights by connecting databases, warehouses, and CRMs.

Style Showcase

Tokens captured from Agentation — palette, type, and components rendered live.

Palette

Sampled from CSS custom properties, body styles, and surface luminance.

body-color

body-bg

hyperlink-color

selection-bg

focus-color

agentation-color-indigo

agentation-color-blue

agentation-color-cyan

agentation-color-green

agentation-color-yellow

agentation-color-orange

agentation-color-red

Type scale

Captured fonts and scale, rendered with system fallbacks.

Display"IBM Plex Serif" · 32px / 36.8px · 500

The quick brown fox jumps

HeadingInter · 13px / normal · 550

The quick brown fox jumps

BodyInter · 14px / 23.2px · 450

The quick brown fox jumps

ActionInter · 13.3333px / normal · 400

The quick brown fox jumps

Agentation

Tags

Colors

Fonts

Tech Stack

Related Websites

Agentation

Tags

Colors

Fonts

Tech Stack

Related Websites

Style Showcase

Palette

Type scale