ANTSAND Styles STYLES by ANTSAND
  • Docs
  • Databoard
  • Components
  • Utilities
  • Layouts
  • Templates
  • API
  • Download

Components

Pre-built UI components with semantic classes. Each component follows the property-driven design philosophy with consistent naming and behavior.

🔘

Buttons

Button variants, sizes, and styles for actions

🃏

Cards

Flexible content containers with headers and footers

📝

Forms

Input fields, textareas, selects, and form layouts

🎠

Carousel

Slide, fade, cards, and cover carousels using one H/B/F-compatible renderer

🖼️

Gallery

Search, filter, lightbox, masonry, cards, minimal, and showcase image grids

🤖

AI Bar

Copy generated sections for AI/LLM and preview rendered content as Markdown

📂

Accordion

Collapsible content panels for FAQs and more

📑

Tabs

Tabbed navigation for organizing content

🪟

Modal

Dialog overlays for focused interactions

🧭

Navbar

Responsive navigation bars for site headers

🧱

Footer

Six full-width footer variants using the same H/B/F section contract

📋

Dropdown

Contextual menu overlays and selects

⚠️

Alert

Notification messages for user feedback

🏷️

Badge

Small labels and indicators for counts

🍞

Breadcrumb

Navigation trail showing page hierarchy

📰

Typography

Article and blog content containers with optimal reading width

💡

Callout

Highlighted note boxes for tips, warnings, and sources

📊

Tables

Data tables with sorting, search, pagination, and column toggles

</>

Code Preview

Reusable code_block renderer for HTML, JSON, PHP, Bash, Sass, and Databoard examples

ANTSAND

AI-readable CSS, Header/Body/Footer contracts, and generated-site hardening across the ANTSAND ecosystem.

Framework

  • Getting Started
  • Components
  • Utilities
  • Templates

Integration

  • API Reference
  • AI Quick Start
  • Databoard Concept
  • Databoard Utilities

Ecosystem

  • ShivasNotes
  • ANTSAND Blog
  • Antshiv Robotics
  • C Kernel Engine
  • YouTube
  • GitHub
  • Styles GitHub

ANTSAND Styles v2 - Open Source CSS Framework