PHP download

Download the PHP package stratos/spire-ui without Composer

On this page you can find all versions of the php package stratos/spire-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

Table of contents
Download stratos/spire-ui
More information about stratos/spire-ui
Files in stratos/spire-ui

Vendor stratos
Package spire-ui
Short Description A modern TALL stack component library with Tailwind v4, Livewire 3, and Alpine.js
License MIT
Homepage https://sabristratos.github.io/spire/

Keywords ui components laravel alpine tailwind livewire tall-stack

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:

If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.

Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
To use Composer is sometimes complicated. Especially for beginners.
Composer needs much resources. Sometimes they are not available on a simple webspace.
If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.

Please rate this library. Is it a good library?

Example code of stratos/spire-ui

Informations about the package spire-ui

Spire UI

A modern TALL stack component library built with Tailwind CSS v4, Livewire 3, and Alpine.js.

Features

Modern Stack: Built on the TALL stack (Tailwind v4, Alpine.js, Laravel 12, Livewire 3)
Zero Config: Pre-built assets served via Blade directives - no build step required
Accessible: Full keyboard navigation, ARIA attributes, and semantic HTML
Themeable: Semantic color tokens with built-in light/dark mode support
Localized: i18n support for English, French, and Arabic
Composable: Highly flexible components using Blade slots and attributes

Installation

Install the package via Composer:

Quick Start (Zero Config)

Add the Blade directives to your layout file:

That's it! No npm install, no build step required. Start using components immediately:

Using the Pre-built Layout

Publish the admin layout for a complete starting point:

This creates resources/views/components/layouts/admin.blade.php with a full sidebar + header layout.

Advanced Setup (Custom Bundling)

For projects that need to customize or bundle Spire UI with their own assets:

1. Import CSS

In your resources/css/app.css:

2. Import JavaScript

In your resources/js/app.js:

3. Build Assets

4. Use Vite in Layout

Blade Directives

Directive	Description
`@spireStyles`	Outputs CSS link tag for all Spire UI styles
`@spireScripts`	Outputs JS script tags and initializes Alpine components

Configuration

Publish the configuration file to customize component defaults:

This creates config/spire-ui.php where you can customize:

prefix - Component prefix (default: spire)
asset_route - Route path for serving assets (default: spire-ui)
theme.dark_mode - Dark mode strategy
defaults - Global component defaults (size, radius, placement)
Component-specific settings

Environment Variables

Usage

Components use the configured prefix (default: spire):

Component Naming Convention

Spire UI uses folder-based components with dot notation:

Parent component: <x-spire::dropdown />
Child component: <x-spire::dropdown.item />

Theming

Spire UI uses semantic color tokens with automatic light/dark mode support.

Available Tokens

Primary: primary, primary-hover, primary-active, primary-foreground
Secondary: secondary, secondary-hover, secondary-active, secondary-foreground
Surfaces: body, surface, overlay (elevation hierarchy)
Text: text, text-muted, text-disabled
Borders: border, border-hover, border-focus
States: success, error, warning, info (each with -hover, -bg, -foreground)

Surface Elevation Hierarchy

Three-layer elevation system:

Layer	Light Mode	Dark Mode	Usage
`body`	neutral-50	neutral-950	Page background
`surface`	white	neutral-900	Cards, panels
`overlay`	neutral-100	neutral-800	Modals, dialogs

Customizing Theme

Publish the theme CSS file:

Edit resources/css/spire-ui-theme.css to customize colors.

Localization

Spire UI supports English, French, and Arabic. Set your application locale:

Publish translations for customization:

Publishing Assets

Tag	Description
`spire-ui-config`	Configuration file
`spire-ui-views`	All component views
`spire-ui-lang`	Translation files
`spire-ui-css`	Theme CSS file
`spire-ui-layouts`	Layout components

Contributing

Contributions are welcome! Please read our Code of Conduct.

License

MIT License

All versions of spire-ui with dependencies

PHP Build Version

Package Version

Version 1.1.24 Release 26. Nov 2025
create-project require 0 people chose require and
0 people chose create-project.

Download

Download latest version of spire-ui from vendor stratos

Requires php Version ^8.3
illuminate/support Version ^12.0
livewire/livewire Version ^3.0
symfony/process Version ^7.0

Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package stratos/spire-ui contains the following files

Loading the files please wait ...