---
title: Using with Vue.js
description: While Search UI doesn’t have a component library for Vue.js, you can still use them together, just with a little extra work. To achieve that you’ll need...
url: https://www.elastic.co/elastic/docs-builder/docs/3028/reference/search-ui/advanced-usage
products:
  - Search UI
applies_to:
  - Elastic Cloud Serverless: Generally available
  - Elastic Stack: Generally available
---

# Using with Vue.js
While Search UI doesn’t have a component library for Vue.js, you can still use them together, just with a little extra work.
To achieve that you’ll need to import and work directly with Search UI Core API. Read a short [API reference](https://www.elastic.co/elastic/docs-builder/docs/3028/reference/search-ui/api-reference) guide for high-level overview on the approach.
Once you’re familiar with the concept of Search UI core, the following docs will give you deeper dive into available APIs:
- [Core API](https://www.elastic.co/elastic/docs-builder/docs/3028/reference/search-ui/api-core-configuration)
- [State](https://www.elastic.co/elastic/docs-builder/docs/3028/reference/search-ui/api-core-state)
- [Actions](https://www.elastic.co/elastic/docs-builder/docs/3028/reference/search-ui/api-core-actions)


## Example

The following demo is a good starting point for your Search UI implementation. The source code is available on GitHub: [[https://github.com/elastic/search-ui/tree/main/examples/vue](https://github.com/elastic/search-ui/tree/main/examples/vue)](https://github.com/elastic/search-ui/tree/main/examples/vue)
<tip>
  Check out our Vue.js integration demo in [CodeSandbox](https://codesandbox.io/embed/github/elastic/search-ui/tree/main/examples/vue).The example demonstrates how to implement Search UI in a Vue.js application.
</tip>