Download the PHP package rafyakbar/arasy-theme without Composer
On this page you can find all versions of the php package rafyakbar/arasy-theme. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download rafyakbar/arasy-theme
More information about rafyakbar/arasy-theme
Files in rafyakbar/arasy-theme
Package arasy-theme
Short Description Arasy Theme — a modern FilamentPHP v5 theme plugin inspired by TailAdmin design language. Features a fresh brand color palette, Outfit typography, consistent border radius, and full dark mode support.
License MIT
Homepage https://github.com/arasy/arasy-theme
FAQ
Example:
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 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.
Informations about the package arasy-theme
Arasy Theme
A modern FilamentPHP v5 theme plugin inspired by the TailAdmin design language — vibrant indigo accents, Outfit typography, consistent border radius, sleek custom scrollbar, and full dark mode support.
Table of Contents
- Features
- Compatibility
- Requirements
- Installation
- Automatic Setup
- Manual Setup
- Usage & Configuration
- Quick Start
- Sidebar Brand Name
- Collapsed Sidebar Logo
- Custom Logo & Branding
- What's Included
- File Structure
- CSS Architecture
- Changelog
- License
Features
- Brand Color Palette — Carefully crafted primary (indigo), success (green), warning (amber), danger (red), info (blue), and gray scales
- Outfit Font — Clean, modern sans-serif typeface loaded via Google Font Provider
- IBM Plex Mono — Monospace font for code, stats, and tabular data
- Design Tokens — CSS custom properties for border radius, shadows, colors, and transitions
- Full Dark Mode — Every surface, border, text, and shadow has a dark variant including the sidebar
- Consistent Border Radius — 16px cards, 8px inputs, 24px modals, pill badges
- Sleek Custom Scrollbar — Thin (4px), rounded pill-style thumb, sidebar nav gets an even thinner (3px) variant; colors adapt to light/dark mode
- Sidebar Brand Name — Optional brand name display beside the logo, responsive to collapse state
- Collapsed Sidebar Logo — Logo stays visible and centered when sidebar is collapsed (opt-in via
withCollapsedLogo()) - Cluster Sub-Navigation — Styled cluster navigation matching the sidebar appearance
- Auth Pages — Dark-themed login, register, and password reset pages with brand block
- Plain CSS — No build step required for the theme; loaded as a Filament asset
- One-Command Setup —
php artisan arasy:installdetects your panel and publishes assets
Compatibility
| Package Version | Filament Version | PHP Version |
|---|---|---|
| ^1.0 | v5.x | ^8.2 |
Requirements
- PHP 8.2+
- Laravel 10+
- Filament v5.0+
Screenshots
Installation
Automatic Setup
This will detect your Filament panel, publish the theme CSS, and print next steps.
Manual Setup
-
Register the plugin in your
PanelProvider: - Build your frontend assets:
Usage & Configuration
The plugin works with zero configuration. All options are opt-in.
Quick Start
Sidebar Brand Name
When your panel has a logo set via ->brandLogo(), you can display the brand name next to it:
The brand name uses the panel's ->brandName() value and matches the sidebar styling — 1.25rem font size, 600 weight, responsive to sidebar collapse.
Collapsed Sidebar Logo
By default, the logo is hidden when the sidebar is collapsed. Enable it with withCollapsedLogo():
The collapsed logo is centered vertically and horizontally using absolute positioning. When the sidebar expands, it disappears automatically via Alpine.js reactivity.
Custom Logo & Branding
Your logo can be any image type (SVG, PNG, etc.) and any size. The theme ensures proper sizing via brandLogoHeight():
What's Included
File Structure
CSS Architecture
The stylesheet arasy.css is organized into these sections:
| Section | Description |
|---|---|
| Design Tokens | CSS custom properties for colors, radius, shadows |
| Dark Mode Tokens | Same properties overridden for .dark class |
| Body & Layout | Background, text color, topbar |
| Sidebar | Background, border, item styling, active states |
| Collapsed Sidebar | Centered logo, brand name visibility when collapsed |
| Sidebar Brand Name | Logo-adjacent brand text |
| Cluster Sub-Navigation | Styling for cluster page navigation |
| Content Area | Topbar and main content margins for sidebar layout |
| Components | Cards, buttons, form inputs, badges, tables, tabs |
| Sleek Scrollbar | Thin custom scrollbar with dark mode support |
| Utilities | Monospace helper class |
Changelog
See CHANGELOG.md for version history.
License
Distributed under the MIT License.
