# Velin HTML attributes Declarative extensions interpreted by `bootAttributes()` / `bootFromDOM({ attributes: true })`. | Attribute | Description | Values | | --- | --- | --- | | [`velin-modal`](./velin-modal.md) | Opens a modal dialog (bridges to ``). | 1 | | [`velin-tabs`](./velin-tabs.md) | Tab navigation (bridges to ``). | 1 | | [`velin-accordion`](./velin-accordion.md) | Accordion sections (bridges to ``). | 1 | | [`velin-tooltip`](./velin-tooltip.md) | Tooltip on hover/focus (bridges to ``). | 2 | | [`velin-copy`](./velin-copy.md) | Copy text to clipboard (bridges to ``). | 2 | | [`velin-counter`](./velin-counter.md) | Animated number counter (bridges to ``). | 1 | | [`velin-notify`](./velin-notify.md) | Show a toast notification (bridges to ``). | 1 | | [`velin-theme`](./velin-theme.md) | Theme toggle or set `data-velin-theme`. | 2 | | [`velin-scroll-top`](./velin-scroll-top.md) | Inject / configure `` (empty or `threshold` px). | 2 | | [`velin-progress`](./velin-progress.md) | Progress bar or ring (`ring` for ``). | 2 | | [`velin-search`](./velin-search.md) | Attach VelinSearch to an element. | 1 | | [`velin-lazy`](./velin-lazy.md) | Lazy-load images with optional skeleton. | 1 | | [`velin-skeleton`](./velin-skeleton.md) | Skeleton placeholder (`text`, `avatar`, `image`, …). | 4 | | [`velin-loading`](./velin-loading.md) | Loading spinner state. | 1 | | [`velin-grid`](./velin-grid.md) | Auto grid layout (column count). | 1 | | [`velin-anchor`](./velin-anchor.md) | Scroll-margin for anchor targets. | 1 | | [`velin-code`](./velin-code.md) | Code block with copy button and VelinHighlight syntax colors (use `language` or `velin-code="js"`). | 1 | | [`velin-quote`](./velin-quote.md) | Styled blockquote. | 1 | | [`velin-highlight`](./velin-highlight.md) | Inline text mark (not syntax highlighting — use `velin-code` or `velinSyntax`). | 1 | | [`velin-transparency`](./velin-transparency.md) | Velin Transparency Framework host — attaches disclosure + provenance mark (Renderer). | 1 | | [`velin-disclosure`](./velin-disclosure.md) | Alias for `velin-transparency`. | 1 | | [`velin-motion`](./velin-motion.md) | Velin HTML attribute extension. | 1 | | [`velin-trigger`](./velin-trigger.md) | Velin HTML attribute extension. | 1 | | [`velin-duration`](./velin-duration.md) | Velin HTML attribute extension. | 1 | | [`velin-delay`](./velin-delay.md) | Velin HTML attribute extension. | 1 | | [`velin-ease`](./velin-ease.md) | Velin HTML attribute extension. | 1 | | [`velin-timeline`](./velin-timeline.md) | Velin HTML attribute extension. | 1 | | [`velin-motion-sequence`](./velin-motion-sequence.md) | Velin HTML attribute extension. | 1 | | [`velin-reveal`](./velin-reveal.md) | Reveal element when scrolled into view. | 1 | | [`velin-fade`](./velin-fade.md) | Fade-in on scroll. | 1 | | [`velin-slide`](./velin-slide.md) | Slide-in on scroll (`up`, `down`, …). | 3 | | [`velin-scale`](./velin-scale.md) | Scale-in on scroll. | 1 | | [`velin-parallax`](./velin-parallax.md) | Parallax background (`slow` optional). | 2 | | [`velin-hover`](./velin-hover.md) | Hover lift/glow animation. | 1 | | [`velin-stagger`](./velin-stagger.md) | Stagger child animations (delay in ms). | 1 | | [`velin-scroll`](./velin-scroll.md) | Smooth scroll to anchor (`href="#id"`). | 1 |