# Vanilla Extract

> ✋  This is an advanced feature recommended for library authors only.

## Pages

- [addFunctionSerializer](api-add-function-serializer.md): ✋  This is an advanced feature recommended for library authors only.
- [assignVars](api-assign-vars.md): Allows you to populate the values of a theme contract and assign them to a style.
- [createContainer](api-create-container.md): Creates a single scoped container name for use with [CSS Container Queries]. This avoids potential naming collisions ...
- [createThemeContract](api-create-theme-contract.md): Creates a contract of locally scoped variable names for themes to implement.
- [createTheme](api-create-theme.md): Creates a locally scoped theme class and a theme contract which can be consumed within your styles.
- [createVar](api-create-var.md): Creates a single scoped CSS Variable reference.
- [createViewTransition](api-create-view-transition.md): Creates a single scoped view transition name for use with [CSS View Transitions].
- [fallbackVar](api-fallback-var.md): Provides fallback values for variables that have been created using vanilla-extract APIs, e.g.`createVar`,`createTh...
- [fontFace](api-font-face.md): Creates a locally scoped [font-family](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-family) for t...
- [keyframes](api-keyframes.md): Creates a locally scoped [animation name](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name) for the de...
- [layer](api-layer.md): Creates a single scoped [layer]. This avoids potential naming collisions with other layers.
- [styleVariants](api-style-variants.md): Creates a collection of named style rules.
- [style](api-style.md): Creates a style rule with a locally scoped class name.
- [createGlobalThemeContract](global-api-create-global-theme-contract.md): Creates a contract of globally scoped variable names for themes to implement.
- [createGlobalTheme](global-api-create-global-theme.md): Creates a theme attached to a global selector, but with locally scoped variable names.
- [createGlobalVar](global-api-create-global-var.md): Similar to [`createVar`],`createGlobalVar`creates a global CSS variable reference:
- [globalFontFace](global-api-global-font-face.md): Creates a globally scoped custom font.
- [globalKeyframes](global-api-global-keyframes.md): Creates a globally scoped set of keyframes.
- [globalLayer](global-api-global-layer.md): Creates a globally scoped [layer].
- [globalStyle](global-api-global-style.md): Creates styles attached to a global selector.
- [Astro](integrations-astro.md): Integrating Vanilla Extract with [Astro](https://astro.build) is done with the help of the [Vite plugin][vite integra...
- [esbuild](integrations-esbuild.md): A plugin for integrating vanilla-extract with [esbuild](https://esbuild.github.io/).
- [Gatsby](integrations-gatsby.md): A plugin for integrating vanilla-extract with [Gatsby](https://www.gatsbyjs.com).
- [Next.js](integrations-next.md): A plugin for integrating vanilla-extract with [Next.js](https://nextjs.org).
- [Parcel](integrations-parcel.md): A Parcel transformer for integrating vanilla-extract with [Parcel](https://parceljs.org/).
- [Remix](integrations-remix.md): [Remix](https://remix.run) provides support for Vanilla Extract out of the box. See [Vanilla Extract | Remix](https:/...
- [Rollup](integrations-rollup.md): A plugin for integrating vanilla-extract with [Rollup](https://rollupjs.org/).
- [Vite](integrations-vite.md): A plugin for integrating vanilla-extract with [Vite](https://vitejs.dev/).
- [Webpack](integrations-webpack.md): A plugin for integrating vanilla-extract with [webpack](https://webpack.js.org).
- [Vanilla Extract Documentation](main-readme.md): **Zero-runtime Stylesheets-in-TypeScript.**
- [Getting Started](overview-getting-started.md): npm install @vanilla-extract/css
- [Composition](overview-style-composition.md): Style composition is a special feature of vanilla-extract that makes it easy to get maximum re-use from your styles.
- [Styling](overview-styling.md): All the styling APIs in Vanilla Extract take a style object as input.
- [Test Environments](overview-test-environments.md): When executing a`.css.ts`file, class name identifiers will be returned as expected, and if running in a browser-lik...
- [Theming](overview-theming.md): Themes are often thought of as global, application wide concepts. While vanilla-extract themes are great for that, th...
- [CSS Utils](packages-css-utils.md): An optional package providing utility functions that make it easier to work with CSS in TypeScript.
- [Dynamic](packages-dynamic.md): A tiny ([< 1kB compressed](https://bundlephobia.com/package/@vanilla-extract/dynamic@2.0.2)) runtime for performing d...
- [Recipes](packages-recipes.md): Create multi-variant styles with a type-safe runtime API, heavily inspired by [Stitches](https://stitches.dev).
- [Sprinkles](packages-sprinkles.md): A zero-runtime atomic CSS framework for vanilla-extract.