Download the PHP package webhubworks/mvb-design-system without Composer
On this page you can find all versions of the php package webhubworks/mvb-design-system. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download webhubworks/mvb-design-system
More information about webhubworks/mvb-design-system
Files in webhubworks/mvb-design-system
Package mvb-design-system
Short Description MVB Design System for Craft CMS
License proprietary
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 mvb-design-system
MVB Design System
This is a Storybook based design system packaged as a Craft CMS module for integrating with any Craft CMS project. Built on:
- Twig 3
- Vanilla JS
- Tailwind CSS 4
- Vite 5
With this module you can:
- Use the MVB Design System components in your Craft CMS templates.
- Use the provided Vite build script (You don't need to set up a build script yourself).
- Use the provided Storybook for discovering and testing the components.
Setup
Install the Craft module
Load the module
Enable Vite and Freeform
Add the Craft Vite plugin config
Copy the Craft Vite plugin config with this command:
Add your theme.css
Copy the default theme.css file from the webhubworks/mvb-design-system module to the root directory of your Craft CMS project. This file is required to define your primary color and can be used to override the default styles of the design system.
Required env variables
Make sure that your .env file contains the following variables:
Untrack dist files in .gitignore
Usage
Include the design system in your templates
Render your first component
Build for production
There are two CLI commands ready to build the project for production:
Develop
Configure DDEV & Change Node Version
The dev servers run within DDEV, so you need to ensure that your DDEV project is set up correctly. Make sure you have the following in your .ddev/config.yaml:
Run dev servers
To develop the design system, you can use the following command, which you typically run at the same time in two terminal windows:
Note: These commands must be run from within the DDEV container, not from the host.
Note
If you run the designystem for the first time, go to vendor/webhubworks/mvb-design-system and run nvm install.
Fix icon classes
All projects use prefixed Font Awesome icon classes. To make them compatible with the new Icons Atom, we’ve added a command that handles the necessary adjustments. After using the command, all "icon fields" needs to be converted to native icon fields via the CP:
All versions of mvb-design-system with dependencies
craftcms/cms Version ^5.0
nystudio107/craft-vite Version ^5.0.0
illuminate/collections Version ^10.0
twig/intl-extra Version ^3.21.0
solspace/craft-freeform Version ^5.10.16.1