# Other Frameworks

Install Skeleton for other frameworks.

## Requirements

Skeleton's [Core Package](/docs/\[framework]/get-started/core-api) is framework agnostic, meaning many of the Design System and Tailwind-centric features can used on any number of frameworks. This includes everything *except* components. In order to install Skeleton for additional framework, your app must be able to support the following:

\| Tooling                              | Minimum Supported     |
\| ------------------------------------ | --------------------- |
\| Package Management                   | NPM, PNPM, Yarn, etc. |
\| [Tailwind](https://tailwindcss.com/) | 4                     |

The exact instructions for installing Skeleton will differ per framework, however we've provided a general guidance below. Use this as a foundation for getting started in any number of unofficially supported frameworks.

## Installation

<Process>
  <ProcessStep step="1">
    ### Create a Project

    Scaffold your web-based application using any framework (such as [Nuxt](https://nuxt.com/), [SolidStart](https://start.solidjs.com/), [Laravel](https://laravel.com/), etc.)
  </ProcessStep>

  <ProcessStep step="2">
    ### Install Tailwind

    Refer to the [official instructions](https://tailwindcss.com/docs/installation/framework-guides) for installing Tailwind on your framework of choice.
  </ProcessStep>

  <ProcessStep step="3">
    ### Install Skeleton

    Install the Skeleton core package to gain access to most features - excluding Components.

    ```bash
    npm i -D @skeletonlabs/skeleton
    ```
  </ProcessStep>

  <ProcessStep step="4">
    ### Configure Tailwind

    Locate your global stylesheet and append the following at the top of the file.

    ```css
    @import 'tailwindcss';

    @import '@skeletonlabs/skeleton'; /* [!code ++] */
    @import '@skeletonlabs/skeleton/themes/cerberus'; /* [!code ++] */
    ```
  </ProcessStep>

  <ProcessStep step="6">
    ### Set Active Theme

    Open the file containing the `<html>` tag for your project and set the `data-theme` attribute as follows.

    ```html
    <!-- [!code word:data-theme="cerberus"] -->
    <html data-theme="cerberus">
        <!-- ... -->
    </html>
    ```
  </ProcessStep>

  <ProcessStep step="check">
    ### Run the Project

    Start the dev server for your framework of choice.
  </ProcessStep>
</Process>

## Support

While we officially limit support for Skeleton to React, Svelte, and Astro for now, Skeleton has an active community of users on [GitHub](https://github.com/skeletonlabs/skeleton/discussions) and [Discord](https://discord.gg/EXqV7W8MtY). If you need support (directly related to Skeleton) considering reaching out in these spaces. Other members of the community may be able to assist you.
