Skip to main content

New: Announcing our Series A funding

Hello World

This is a playground for Astro.

Hello, Test!

Welcome to my Astro website.

Trusted by leading data companies
MiscreantsMiscreants-2Miscreants-3Miscreants-4Miscreants-5Miscreants-6Miscreants-7Miscreants-8 MiscreantsMiscreants-2Miscreants-3Miscreants-4Miscreants-5Miscreants-6Miscreants-7Miscreants-8

Features

Schema Builder

Design content structures your way.

Miscreants gives you full control over content with a streamlined, API-first experience — perfect for teams who want speed without sacrificing flexibility.

Schema builder screenshot
Schema Builder

Design content structures your way.

Miscreants gives you full control over content with a streamlined, API-first experience — perfect for teams who want speed without sacrificing flexibility.

Schema builder screenshot
Schema Builder

Design content structures your way.

Miscreants gives you full control over content with a streamlined, API-first experience — perfect for teams who want speed without sacrificing flexibility.

Schema Builder

Design content structures your way.

Miscreants gives you full control over content with a streamlined, API-first experience — perfect for teams who want speed without sacrificing flexibility.

98.3% uptime

Proven reliability across sources with proactive monitoring

Enterprise security

Encryption at every step with compliance-ready infrastructure

Scalable infrastructure

Scale your workflow to hundreds of millions of daily fetches

24/7 support

Proven reliability across sources with proactive monitoring

24/7 support

Proven reliability across sources with proactive monitoring

Tabs Component

Accessible tabs with accordion conversion on mobile.

Built for speed

Astro delivers lightning-fast websites by shipping zero JavaScript by default. Only hydrate the components that need interactivity — everything else is pure HTML.

Island architecture

Each interactive component is an isolated island. They load independently, so a slow component never blocks the rest of your page from rendering.

Framework agnostic

Use React, Vue, Svelte, or Solid — all in the same project. Astro lets you pick the best tool for each component without locking you into a single framework.

Accordion Component

FAQ-style accordion with CSS-only animations.

Astro is a web framework that delivers lightning-fast performance by shipping zero JavaScript by default. It uses an island architecture where only interactive components are hydrated — everything else is pure HTML.

Astro is content-focused and ships less JavaScript. Next.js is better for highly interactive apps. Astro can use React components when needed, but doesn’t require a full React runtime.

Yes. Astro supports React, Vue, Svelte, Solid, and more — all in the same project. You can mix frameworks per component and Astro handles the rest.

Slider — manual children

CSS scroll-snap carousel. Drop any components in as direct children.

Performance

Slide one

Native scroll-snap means swipe and trackpad inertia work for free.

Accessibility

Slide two

Prev/next, keyboard arrows, and pagination dots are all wired up.

Lightweight

Slide three

Zero JS dependencies. Just ~1.5kb of inline script per slider.

DX

Slide four

Each direct child becomes a slide. No wrapper element required.

Slider — mapped from data

Same component, fed from an array (could be a content collection).

Guide

Getting started

Spin up a project in under five minutes.

Reference

Component API

Props, slots, and data attributes for every component.

Tutorial

Build a landing page

Walk through composing sections from the starter kit.

Recipes

Theming patterns

Light/dark variants using Tailwind v4 tokens.

Feature scroll-spy

Sticky TOC on the left, scrolling content on the right. Active item updates as you scroll.

Real-time workflows

Collaborate without losing context.

Every change syncs instantly across teammates. Cursors, selections, and comments stay in lockstep so reviews happen in the document, not in a separate thread.

Workflow screenshot
Data lifecycle

From ingest to archive in one place.

Track every dataset through versioning, review, and approval. Audit trails are immutable; reverting is one click; nothing falls through the cracks.

Lifecycle screenshot
Schema-driven

Structure your data your way.

Define schemas with the same primitives as your codebase. Strong typing flows through forms, validation, and the public API — no runtime surprises.

Schema screenshot
Performance

Built for scale, by default.

Hundreds of millions of daily fetches, sub-50ms p95s in every region. Performance isn't an upgrade tier — it's the baseline.

Performance screenshot

Accordion — morphing

Native <details> with mutually-exclusive open via shared `name`. Bouncy height interpolation, fade/blur content, and morphing radius/margin between rows.

What is design engineering?

Where design intuition meets code execution — enabling you to see UI problems and build solutions from the ground up.

What is the craft of UI?

A course about building things well — mastering the web platform so you're not limited by tools or libraries.

Why focus on the web platform?

Because when you work with the web — not fight it — you unlock performance, accessibility, and durability that last.

Why does craft matter?

Because it's more than making something work — it's making something feel right: inclusive, resilient, and scalable.

Who is this for?

Designers who code, developers who design — anyone ready to stop chasing snippets and become the person who can build anything.

Create your account

Spin up a project in under five minutes.

Delete project?

This action can't be undone. All associated data will be permanently removed.

How it works.

Clicking a step slides the panel column — three panels stacked in one grid cell, each offset by index * 100% along the Y axis.

Issue credentials from your portal

Control the look and feel of your credential issuance directly in your portal. Our API enables a complete integration.

Add credential
Credential type
Card
Mobile
Card number
••••
Facility code
1234
Cancel
Submit

Craft a template to issue passes via API

Display your brand (or your customer's) in wallet with ease. Then issue credentials via API that are delivered via text.

curl https://api.example.com/v1/credentials/ \
--request POST \
--header 'Content-Type: application/json' \
--header 'x-acct-id: $ACCOUNT_ID' \
--data '{
  "template_id": "0xd3adb33f",
  "full_name": "Ada Lovelace",
  "email": "ada@example.com",
  "expires_at": "2026-03-22T16:40:41Z"
}

Users install your custom crafted credential

With a SMS integration, your users receive a text message with a link to install the pass on their phone.

Messages
Playground
You can now access your employee badge using this link...
Dad
Got you a bottle of red wine from the shop.
FedEx
Your parcel is out for delivery today!