--- title: Installation order: 1 summary: Learn how to set up Tabler in your project by creating a basic HTML file, adding Tabler’s CSS and JavaScript, and exploring its powerful components to build responsive and visually stunning web applications. description: "Set up Tabler: HTML, CSS, JS, and build stunning UIs." --- This guide will take you through the essential steps to set up Tabler in your project, from creating a basic HTML file to incorporating Tabler’s styles and scripts. Let’s dive in!
### Step 1: Create a Basic HTML File Begin by creating a new `index.html` file in the root of your project. This file will serve as the foundation for your Tabler-based interface. Include the basic HTML structure and a `` tag for proper responsiveness: ```html Tabler demo

Hello, world!

``` ### Step 2: Add Tabler CSS and JavaScript Enhance your page by including Tabler's CSS and JavaScript files. Use the following links to load the core Tabler styles and scripts from the CDN: ```html ``` Update your HTML file to include these resources: ```html Tabler Demo

Hello, Tabler!

``` This setup includes the Tabler CSS and JavaScript via a CDN, providing a responsive and functional base for your project. You can also download the files and include them locally in your project. For more information, see the [Download](/docs/ui/getting-started/download) page. ### 3. Open in Your Browser Save the file and open it in your browser. You should see your first Tabler-powered page! From here, you can start adding layouts and components to create a fully functional and visually appealing web application.
With these simple steps, you're ready to explore Tabler's features and build stunning web interfaces. For inspiration and guidance, you can view live demos at [preview.tabler.io](https://preview.tabler.io) and consult our [official documentation](https://tabler.io/docs) for detailed instructions and examples.