Download the PHP package madhasoeki/stisla without Composer
On this page you can find all versions of the php package madhasoeki/stisla. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download madhasoeki/stisla
More information about madhasoeki/stisla
Files in madhasoeki/stisla
Download madhasoeki/stisla
More information about madhasoeki/stisla
Files in madhasoeki/stisla
Vendor madhasoeki
Package stisla
Short Description Stisla UI Components for Laravel TALL Stack (TailwindCSS v4, Alpine.js, Livewire v4)
License MIT
Package stisla
Short Description Stisla UI Components for Laravel TALL Stack (TailwindCSS v4, Alpine.js, Livewire v4)
License MIT
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:
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.
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?
Informations about the package stisla
Stisla UI Components for TALL Stack
Pustaka komponen UI Stisla versi TALL Stack (TailwindCSS v4, Alpine.js, Livewire v4, Laravel). Paket ini mentransformasi komponen UI Vanilla CSS + JS Stisla v3 menjadi komponen Blade & Livewire yang modular, elegan, cerdas, dan siap pakai di ekosistem Laravel.
Daftar Isi (Table of Contents)
- Prasyarat & Persyaratan Sistem
- Instalasi Cepat
- Arsitektur & Prinsip Desain
- Panduan Kustomisasi & Theming
- A. Global Brand Color
- B. Density & Spacing
- C. Component-Scoped Variables (:vars Prop)
- D. Mode Gelap (Dark Mode)
- Aturan Internal & Pedoman Pengembang
- Daftar Komponen & Status
Prasyarat & Persyaratan Sistem
Sebelum menggunakan paket Stisla TALL Stack, pastikan proyek Laravel Anda memenuhi persyaratan berikut:
- PHP:
^8.2 - Laravel Framework:
^11.0/^12.0/v13 - Livewire:
^3.0/^4.0(Otomatis terinstal saatstisla:installjika belum ada) - TailwindCSS:
^4.0
Instalasi Cepat
Pasang paket via Composer dan jalankan installer otomatis Stisla:
Apa yang dilakukan oleh php artisan stisla:install?
- Pengecekan Livewire: Mengecek apakah Livewire terpasang. Jika belum, installer akan memasangkannya via Composer secara otomatis.
- Smart Dependencies Check: Mengecek & menyuntikkan paket npm
@stisla/css,@stisla/vanilla, danlucideke dalampackage.jsontanpa menimpa library yang sudah ada. - Script Injection: Menyuntikkan import Stisla dan listener ikon Lucide ke
resources/js/app.js. - Tailwind v4 Token Registration: Menyuntikkan skema variabel warna Stisla ke blok
@themediresources/css/app.css. - Build Bundle: Menjalankan
npm run builduntuk langsung menghasilkan bundel CSS & JS yang siap pakai.
Arsitektur & Prinsip Desain
- Token-Driven: Setiap komponen dikendalikan oleh CSS Custom Properties (
--color-*,--radius-*,--spacing,--shadow-*). -
Sintaks Komponen Ringkas: Seluruh komponen dipanggil dengan namespace
stislatanpa awalanx-: - Compound Components: Komponen kompleks dipecah menjadi komponen utama dan sub-komponen modular (misal
<stisla::accordion>dan<stisla::accordion.item>).
Panduan Kustomisasi & Theming
Kustomisasi komponen Stisla sangat fleksibel karena digerakkan sepenuhnya oleh variabel CSS (CSS Custom Properties).
A. Global Brand Color
Ubah warna brand utama dengan mendeklarasikan ulang --color-primary dan --color-primary-foreground di app.css atau :root:
State hover, active, focus ring, dan highlight akan otomatis terhitung (re-compute) melalui fungsi color-mix(in oklch, ...).
B. Density & Spacing
Mengatur kepadatan ukuran komponen di seluruh aplikasi dengan mengubah basis --spacing:
0.2rem: Compact (Admin Dashboard / Tabel padat).0.25rem: Default.0.28rem: Comfortable (Halaman Marketing / Mode Baca).
C. Component-Scoped Variables (:vars Prop)
Setiap komponen mendukung prop :vars untuk mengubah variabel CSS khusus pada satu instance komponen tanpa memengaruhi komponen lain:
D. Mode Gelap (Dark Mode)
Stisla secara otomatis mendukung mode gelap melalui atribut data-theme="dark" atau kelas .dark pada tag <html> atau wrapper:
Aturan Internal & Pedoman Pengembang
Proyek ini dilengkapi dengan panduan standar pengoperasian untuk pengembangan dan AI Agent:
- create-component-guide.md: Standar arsitektur & struktur file komponen Blade/Livewire.
- customization-guide.md: Panduan penerapan prinsip kustomisasi Stisla.
- create-documentation-guide.md: Aturan penulisan dokumentasi komponen pengguna di folder
docs/tall/.
Daftar Komponen & Status
Berikut adalah daftar komponen Stisla yang sudah diimplementasikan:
1. Forms
| Komponen | Status | Dokumentasi TALL | Referensi Stisla |
|---|---|---|---|
| Autocomplete | Ready | docs/tall/autocomplete.md | docs/stisla/autocomplete.md |
| Checkbox | Ready | docs/tall/checkbox.md | docs/stisla/checkbox.md |
| Combobox | Ready | docs/tall/combobox.md | docs/stisla/combobox.md |
| Field | Ready | docs/tall/field.md | docs/stisla/field.md |
| Input | Ready | docs/tall/input.md | docs/stisla/input.md |
| Input Group | Ready | docs/tall/input-group.md | docs/stisla/input-group.md |
| Radio | Ready | docs/tall/radio.md | docs/stisla/radio.md |
| Select | Ready | docs/tall/select.md | docs/stisla/select.md |
| Slider | Ready | docs/tall/slider.md | docs/stisla/slider.md |
| Switch | Ready | docs/tall/switch.md | docs/stisla/switch.md |
| Textarea | Ready | docs/tall/textarea.md | docs/stisla/textarea.md |
2. Components
| Komponen | Status | Dokumentasi TALL | Referensi Stisla |
|---|---|---|---|
| Accordion | Ready | docs/tall/accordion.md | docs/stisla/accordion.md |
| Alert | Ready | docs/tall/alert.md | docs/stisla/alert.md |
| Avatar | Ready | docs/tall/avatar.md | docs/stisla/avatar.md |
| Avatar Group | Ready | docs/tall/avatar-group.md | docs/stisla/avatar-group.md |
| Badge | Ready | docs/tall/badge.md | docs/stisla/badge.md |
| Breadcrumb | Ready | docs/tall/breadcrumb.md | docs/stisla/breadcrumb.md |
| Button | Ready | docs/tall/button.md | docs/stisla/button.md |
| Button Group | Ready | docs/tall/button-group.md | docs/stisla/button-group.md |
| Card | Ready | docs/tall/card.md | docs/stisla/card.md |
| Carousel | Ready | docs/tall/carousel.md | docs/stisla/carousel.md |
| Collapsible | Ready | docs/tall/collapsible.md | docs/stisla/collapsible.md |
| Empty State | Ready | docs/tall/empty-state.md | docs/stisla/empty-state.md |
| Icon Box | Ready | docs/tall/icon-box.md | docs/stisla/icon-box.md |
| Illustration | Ready | docs/tall/illustration.md | docs/stisla/illustration.md |
| Indicator | Ready | docs/tall/indicator.md | docs/stisla/indicator.md |
| Kbd | Ready | docs/tall/kbd.md | docs/stisla/kbd.md |
| Link | Ready | docs/tall/link.md | docs/stisla/link.md |
| List Group | Ready | docs/tall/list-group.md | docs/stisla/list-group.md |
| Media | Ready | docs/tall/media.md | docs/stisla/media.md |
| Meter | Ready | docs/tall/meter.md | docs/stisla/meter.md |
| Navbar | Ready | docs/tall/navbar.md | docs/stisla/navbar.md |
| Page | Ready | docs/tall/page.md | docs/stisla/page.md |
| Pagination | Ready | docs/tall/pagination.md | docs/stisla/pagination.md |
| Placeholder | Ready | docs/tall/placeholder.md | docs/stisla/placeholders.md |
| Progress | Ready | docs/tall/progress.md | docs/stisla/progress.md |
| Scroll Area | Ready | docs/tall/scroll-area.md | docs/stisla/scroll-area.md |
| Separator | Ready | docs/tall/separator.md | docs/stisla/separator.md |
| Sidebar | Ready | docs/tall/sidebar.md | docs/stisla/sidebar.md |
| Spinner | Ready | docs/tall/spinner.md | docs/stisla/spinner.md |
| Table | Ready | docs/tall/table.md | docs/stisla/table.md |
| Tabs | Ready | docs/tall/tabs.md | docs/stisla/tabs.md |
| Timeline | Ready | docs/tall/timeline.md | docs/stisla/timeline.md |
| Toggle | Ready | docs/tall/toggle.md | docs/stisla/toggle.md |
| Toggle Group | Ready | docs/tall/toggle-group.md | docs/stisla/toggle-group.md |
3. Overlays
| Komponen | Status | Dokumentasi TALL | Referensi Stisla |
|---|---|---|---|
| Dialog | Ready | docs/tall/dialog.md | docs/stisla/dialog.md |
| Drawer | Ready | docs/tall/drawer.md | docs/stisla/drawer.md |
| Menu | Ready | docs/tall/menu.md | docs/stisla/menu.md |
| Popover | Ready | docs/tall/popover.md | docs/stisla/popover.md |
| Toast | Ready | docs/tall/toast.md | docs/stisla/toast.md |
| Tooltip | Ready | docs/tall/tooltip.md | docs/stisla/tooltip.md |
All versions of stisla with dependencies
PHP Build Version
Package Version
Requires
php Version
^8.2
laravel/framework Version ^11.0|^12.0|^13.0
livewire/livewire Version ^3.0|^4.0
laravel/framework Version ^11.0|^12.0|^13.0
livewire/livewire Version ^3.0|^4.0
The package madhasoeki/stisla contains the following files
Loading the files please wait ...