Download the PHP package nativeblade/ui-mobile without Composer
On this page you can find all versions of the php package nativeblade/ui-mobile. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download nativeblade/ui-mobile
More information about nativeblade/ui-mobile
Files in nativeblade/ui-mobile
Package ui-mobile
Short Description Mobile UI components for NativeBlade. Konsta-style iOS and Material 3 Blade components that auto-switch theme based on the running platform.
License MIT
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 ui-mobile
NativeBlade UI Mobile
Konsta-style iOS and Material 3 components for NativeBlade apps. Pure Blade, pure Tailwind, no JS framework dependency. Components auto-detect the host platform via NativeBlade::isIos() / NativeBlade::isAndroid() and render the matching look.
Install
The service provider auto-registers via Laravel package discovery.
Required: tell Tailwind to scan the package
This is the most important setup step. Tailwind 4 only generates classes it sees in scanned source files. Open your project's resources/css/app.css and add this line near the other @source entries:
Without this line, components render but most utility classes (colors, dynamic widths, etc.) come out unstyled or transparent because Tailwind never sees them.
Recommended: extend the safelist for opacity modifiers
NativeBlade's stub tailwind-safelist.css already covers solid colors and spacing. The ui-mobile components additionally use opacity modifiers (bg-black/50, bg-{color}/15) and a few arbitrary font sizes. If you started a new NativeBlade project recently the stub already includes these. If your app.css predates the update, add this section:
Configure (optional)
Publish the config to override defaults:
Usage
On iOS, the button is rounded with iOS sizing. On Android, Material 3 pill with shadow. Same Blade markup.
Per-component theme override
Triggering modals
Place the modal anywhere in the page (drawer, sheet, popup, action-sheet, toast, popover). To open or close, call the global nb.* helper from any element:
API:
nb.open(kind, id, extra?)opens a drawer / sheet / popup / action-sheetnb.close(kind, id?)closes (id optional, closes any of that kind)nb.toast(id, message, opts?)triggers a toast with a messagenb.popover(id, anchor)opens a popover anchored to an element
Components
Each component has its own doc page in docs/. Quick reference:
Layout: fab
Containers: tabs
Inputs: file-upload
Display: empty-state
Behaviour: pull-to-refresh
Customization
Class merge (most common):
Color, variant, size, etc. as props:
Force theme globally: edit config/nb-ui-mobile.php with 'force' => true, 'theme' => 'material'.
Fork a component (full control of markup):
Files land at resources/views/vendor/nb-ui-mobile/components/. Laravel uses these instead of the package versions.
License
MIT
