Download the PHP package zulfiismailovdemiri/wkcss without Composer

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

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 zulfiismailovdemiri/wkcss

Informations about the package wkcss

WK CSS Framework

A lightweight CSS utility framework to generate reset styles, utility classes, and component classes for rapid front-end development.

Features

Installation

  1. Add the Package: Install the package using Composer:

  2. Generate CSS Files: Run the command to generate CSS files:

  3. Output Directory: The generated CSS files will be located in the output/ directory:
    • base.css: Reset styles
    • utilities.css: Utility classes
    • components.css: Component classes

Integration in Frontend Using Laravel Mix

Step 1: Install Laravel Mix

If Laravel Mix is not already set up in your project, install it with NPM:

Step 2: Configure webpack.mix.js

Update your webpack.mix.js file to include the generated CSS files:

Step 3: Compile Assets

  1. Run Laravel Mix to compile and concatenate the CSS files:

  2. For production, add optimizations:

Step 4: Include in Your Application

Add the compiled app.css file to your HTML or Blade templates:

Example Output

Base CSS (base.css)

Contains browser reset styles:

Utilities CSS (utilities.css)

Provides utility classes for common styling needs:

Spacing:

Colors:

Typography:

Component Classes (components.css)

Includes reusable classes like flex and grid systems:

Flexbox Utilities:

Grid Utilities:

Customization

  1. Change Spacing Multipliers: Update the multiplier in CSSGenerator.php to control spacing:

  2. Add Custom Colors: Modify the ColorHelper class to define additional colors:

Future Enhancements

License

Licensed under the MIT License.

All versions of wkcss with dependencies

PHP Build Version
Package Version
Requires php Version >=8.2
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 zulfiismailovdemiri/wkcss contains the following files

Loading the files please wait ....