Connect your AI to ANTSAND. It inspects your site, assigns styling, compiles, and deploys through a REST API.
400+ utility classes, 4 themes, WCAG accessibility, and zero dependencies.
Utility Classes
Theme Presets
A11y Built-in
Dependencies
Your AI goes from zero to production website in minutes.
AI authenticates with one API key and inspects your Databoard.
Assigns themes, layouts, typography, and component styles to fields.
Generates only the CSS your site uses — zero-waste, production-optimized.
Ships a live, federated, ACL-controlled production website.
Every section follows a contract.
HMVC modules stay independent and composable.
Role-based access is built in, not bolted on.
Patch and redeploy without corrupting the board.
Bootstrap gives components. Tailwind gives utilities. Antsand Style connects CSS to Databoard, a visual control plane that stores pages, sections, field mappings, Sass, routes, and generated-site structure.
The result is a system AI can read: stable Header / Body / Footer fields, reusable Sass v2 classes, board-level Sass, generated utilities, and an API loop that can patch, compile, deploy, and test a real HMVC website.
Shared tokens, components, utilities, and themes.
Where classes attach to page, section, and field slots.
Turns board contracts into deployed Phalcon HMVC sites.
Explicit contracts instead of hidden visual-builder state.
Copy the full architecture prompt from the dedicated AI Quick Start page, then use the API loop to inspect, patch, compile, deploy, and test.
ANTSAND Styles works as a standalone CSS library. But its full power comes when paired with the Databoard website compiler.
Drop in one CSS file. Use the components, utilities, and themes in any HTML project — no build tools, no PHP, no Databoard required.
✓ 920 CSS classes, 128KB compiled
✓ 24 component types: buttons, cards, forms, tabs, modals, and more
✓ 4 theme presets, 40+ self-hosted fonts
✓ WCAG accessible, responsive, zero dependencies
Fill in data fields, assign CSS classes, deploy a full production site. AI styles through the API — no HTML editing, zero-waste CSS.
✓ Everything in standalone, plus:
✓ Visual control panel for content + styling
✓ REST API for AI-driven inspect → patch → deploy loops
✓ Sass scanner generates only the CSS your site uses
✓ Contract tests enforce the structure
Every section follows the same pattern. Same HTML + different CSS = unlimited possibilities.
Title, subtitle, navigation
Main content, cards, lists
Actions, links, metadata
This is not hardcoded HTML in the page. It is a mapped code object, rendered by the shared H/B/F template and styled by Sass v2.
Agents can now create documentation, API examples, prompts, and component snippets as data first.
<section class="{{ section.container }}">
<div class="{{ header.container }}">
{{ header.h2 }}
</div>
<div class="{{ data.container }}">
{% for item in data %}
<article class="{{ data.sub_container }}">
{{ item.h3 }}
{{ item.p }}
{{ item.code_block.code }}
</article>
{% endfor %}
</div>
<div class="{{ footer.container }}">
{{ footer.p }}
</div>
</section>The HTML never changes. You change only the CSS classes on Databoard fields. Here is the same services section styled four ways.
Real-time metrics
Real-time metrics
Real-time metrics
Real-time metrics