Introduction

Block is a beautifully designed, expertly crafted UI components kit for building high-quality websites and web applications using modern web technologies — HTML, Tailwind CSS, and JavaScript — powered by Vite for fast development and optimized builds.

This guide will help you get started with the Block theme, including how to run, customize, update, and integrate it into your projects using a modern frontend workflow.

We recommend reviewing the official Tailwind CSS documentation and Vite guides to better understand best practices for utility-first styling and fast build tooling.

Setting up local development

Block is built using a modern development toolset focused on speed and flexibility. Local development is powered by Vite, Node.js, and Tailwind CSS, enabling instant hot reloads, fast builds, and a streamlined developer experience. Read More

Customize your theme

Once your project is running and you understand the build process, you can start customizing the theme to match your design needs. There are two primary approaches to working with the Block theme.

Working with Tailwind source files

Customizing using Tailwind’s source files gives you full control over the design system. You can modify utility classes extend the Tailwind configuration components.

Start with Tailwind source files

Working with Vite.js

Vite.js handles the development server and build process, making your workflow faster and more efficient. Use Vite to run the local development production.

Start with Vite.js

Working with compiled files

If you prefer a simpler setup, you can use the precompiled CSS and JavaScript files. Simply include them in your HTML pages or use the ready-made templates.

Start with compiled HTML files