---
title: "Guides"
description: "How to compose, style, animate, and internationalize Akar primitives."
canonical_url: "https://vinicunca.dev/akar/guides"
---
# Guides

> How to compose, style, animate, and internationalize Akar primitives.

Pick a guide. Composition and styling are the two you will use on every component.

[**Composition**](https://vinicunca.dev/akar/guides/composition)

Use the `asChild` prop to compose Akar's functionality onto alternative element types or your own Vue components.

[**Styling**](https://vinicunca.dev/akar/guides/styling)

Akar are unstyled—and compatible with any styling solution—giving you complete control over styling.

[**Animation/Transition**](https://vinicunca.dev/akar/guides/animation)

Animate Akar with CSS keyframes, native Vue Transition or JavaScript animation library of your choice.

[**Controlled State**](https://vinicunca.dev/akar/guides/controlled-state)

How to work with controlled vs. uncontrolled state in Akar.

[**Dates & Times**](https://vinicunca.dev/akar/guides/dates)

How to work with dates and times in Akar.

[**Internationalization (RTL)**](https://vinicunca.dev/akar/guides/i18n)

Akar support both LTR/RTL directions. Learn more about how to integrate internationalization.

[**Inject Context**](https://vinicunca.dev/akar/guides/inject-context)

Utilize `injectContext` to enhance component composition in Akar, enabling powerful and flexible UI development.

[**Server side rendering**](https://vinicunca.dev/akar/guides/server-side-rendering)

Akar can be rendered on the server.

[**Virtualization**](https://vinicunca.dev/akar/guides/virtualization)

Learn how to efficiently render large datasets with Akar, powered by `@tanstack/virtual`.

[**Migration - Radix Vue to Akar**](https://vinicunca.dev/akar/guides/migration)

This guide provides step-by-step instructions for developers transitioning their projects from Radix Vue to Akar.


## Sitemap

See the full [sitemap](https://vinicunca.dev/sitemap.md) for all pages.