
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@musora/musora-ui
Advanced tools
Musora UI is a tool for prototyping, building, and testing the front end (HTML/JS/Blade) for projects.
You can view the different npm build commands inside the root package.json file. An example is: npm run build-drumeo-dev
The /public folder of this repository is hosted on your local machine under URL:
http://devui.musora.com/
You can automatically render any blade file using the url. /blade tells the request to render a blade template at the path after /blade relative to the blade folder in the project. For example:
http://devui.musora.com/blade/ui
Will render the blade file at: blade/ui.blade.php
http://devui.musora.com/blade/core/text-input
Will render the blade file at: blade/core/text-input.blade.php
Musora UI is for prototyping in pure HTML and css, which can be reviewed and go through QA before being put in a regular project such as a laravel project.
All pages inside Musora UI should be statically linked using relative linking in the href tags.
Please create a new branch in this repository when starting a new prototype or starting a new version of an existing one. Please also separate the prototypes by brands using the folder structure.
Feel free to add new build commands and custom tailwind configs. We can also integrate VueJS, but it has not been setup yet.
We highly recommend using the Sizzy browser to develop and preview html pages (license in 1pass):
https://sizzy.co/
You can also use our own internal preview tool here:
http://devui.musora.com/viewer.html
Tailwind CSS is the front end framework that Musora UI uses, it is already installed and configured. You can find
the tailwind docs here:
https://tailwindcss.com/docs/installation
If you are new to tailwind css we highly recommend watching this video series (the other ones in there are great too):
https://tailwindcss.com/course/setting-up-tailwind-and-postcss
This is an amazing list of front end development resources:
https://tailwindcss.com/resources/
A good list of tailwind css specific plugins and tools:
https://github.com/aniftyco/awesome-tailwindcss
We may end up purchasing this UI kit for tailwind:
https://tailwindui.com/
If you think it could be of use let Caleb know!
FAQs
Musora front end package for our UI.
The npm package @musora/musora-ui receives a total of 0 weekly downloads. As such, @musora/musora-ui popularity was classified as not popular.
We found that @musora/musora-ui demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.