Download the PHP package akostdev/moonshine-clock without Composer
On this page you can find all versions of the php package akostdev/moonshine-clock. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download akostdev/moonshine-clock
More information about akostdev/moonshine-clock
Files in akostdev/moonshine-clock
Download akostdev/moonshine-clock
More information about akostdev/moonshine-clock
Files in akostdev/moonshine-clock
Vendor akostdev
Package moonshine-clock
Short Description Analog clock for your admin panel and more
License MIT
Homepage https://github.com/AkostDev/moonshine-clock
Package moonshine-clock
Short Description Analog clock for your admin panel and more
License MIT
Homepage https://github.com/AkostDev/moonshine-clock
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 moonshine-clock
MoonShine Analog Clock Component
An elegant analog clock component for MoonShine Admin Panel with dark mode support and numerous customization options.
Русская версия документации
Features
- Smooth second hand animation
- Dark mode support with separate color settings
- Highly customizable appearance (colors, sizes, fonts)
- Option to show/hide digits
Screenshots
Installation
You can install the package via composer:
Usage
You can use the AnalogClock component in your MoonShine admin panel pages:
Parameters
The component accepts the following parameters in the make() method:
| Parameter | Type | Default | Description |
|---|---|---|---|
sizePx |
int | 150 | Clock size in pixels |
smoothSecondHand |
bool | true | Enables smooth second hand animation |
showDigits |
bool | true | Show or hide hour digits |
borderColor |
string | '#000' | Clock border color (light mode) |
backgroundColor |
string | 'transparent' | Clock background color (light mode) |
borderThickness |
int | 2 | Border thickness in pixels |
centerDotColor |
string | '#333' | Center dot color (light mode) |
digitFont |
string | 'Arial, sans-serif' | Font family for digits |
digitColor |
string | '#000' | Digit color (light mode) |
hourMarksThickness |
int | 3 | Hour marks thickness in pixels |
minuteMarksThickness |
int | 2 | Minute marks thickness in pixels |
hourMarksColor |
string | '#000' | Hour marks color (light mode) |
minuteMarksColor |
string | '#666' | Minute marks color (light mode) |
hourHandColor |
string | '#333' | Hour hand color (light mode) |
minuteHandColor |
string | '#666' | Minute hand color (light mode) |
secondHandColor |
string | '#FF3333' | Second hand color (light mode) |
Dark Mode Parameters
The component automatically switches to dark mode colors when MoonShine's dark mode is activated.
| Parameter | Type | Default | Description |
|---|---|---|---|
hourHandColorDark |
string | '#CCC' | Hour hand color (dark mode) |
minuteHandColorDark |
string | '#AAA' | Minute hand color (dark mode) |
secondHandColorDark |
string | '#FF6666' | Second hand color (dark mode) |
centerDotColorDark |
string | '#CCC' | Center dot color (dark mode) |
digitColorDark |
string | '#FFF' | Digit color (dark mode) |
hourMarksColorDark |
string | '#FFF' | Hour marks color (dark mode) |
minuteMarksColorDark |
string | '#AAA' | Minute marks color (dark mode) |
borderColorDark |
string | '#FFF' | Clock border color (dark mode) |
backgroundColorDark |
string | 'transparent' | Clock background color (dark mode) |
Examples
Basic Clock
Larger Clock with Custom Colors
Minimal Clock (No Digits)
Custom Dark Mode Colors
License
The MIT License (MIT). Please see License File for more information.
All versions of moonshine-clock with dependencies
PHP Build Version
Package Version
Requires
php Version
^8.0|^8.1|^8.2
ext-curl Version *
ext-json Version *
ext-curl Version *
ext-json Version *
The package akostdev/moonshine-clock contains the following files
Loading the files please wait ...