# Vinyl Vault

> A record-collection data table with search, sorting, multiple views, CSV export, and asynchronous loading.

- Category: Table
- Frameworks: Vanilla, React + CSS, React + Tailwind
- Design system: Sienna
- Dark mode: yes
- Access: premium (Atheros AI Pass)
- Tags: search
- Page: https://builder.atheros.ai/components/vinyl-vault
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/templates/tpl_builder_vinyl_vault/preview-0ae1b6338952.webp

## Features

- Searchable and sortable record collection
- Table, card, and stacked presentation modes
- Compact two-column record-card grid on mobile viewports
- Hue-coded genre badges and condition grades (WCAG AA in both themes)
- CSV export and async data seam

## Common questions

**Which frameworks is Vinyl Vault available in?**

Vinyl Vault ships as Vanilla, React + CSS and React + Tailwind — HTML, CSS, JS and React source you can copy, download or clone into Atheros AI Builder.

**Is the Vinyl Vault table component free?**

Vinyl Vault is a premium component. Anyone can preview it; the source, downloads and AI customisation are included with Atheros AI Pass.

**Does Vinyl Vault support dark mode?**

Yes. Vinyl Vault ships light and dark themes, both drawn from the Sienna design system's tokens. Switch the preview to dark mode to compare them.

## Get the code

Preview Vinyl Vault live, then sign in to copy or download the source, apply another design system, or ask the AI assistant to change it: https://builder.atheros.ai/components/vinyl-vault

Every component on https://builder.atheros.ai is also reachable from Claude Code, Cursor and Codex through the Atheros MCP server (paid plans). Component index: https://builder.atheros.ai/llms-components.txt