
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.
@universelabs/meta
Advanced tools
Meta is an open source UI framework for both web2 & web3 applications.
Meta is an open source UI framework for both web2 & web3 applications.
universe.engineering
Report bug · Request feature · Twitter · Medium · Slack · npm
Currently Meta focuses on simplifying and making typography easier for developers to design effective content. It also comes with a broad range color system to take away the pain of choosing colors.
Several quick start options are available:
git@github.com:universelabs/meta.git
.npm i @universelabs/meta
.yarn add @universelabs/meta
.Within the download you'll find the following directories and files. Meta's Scss variables and mixins are all imported to meta.scss
. You'll see something like this:
@universelabs/meta/
└── scss/
├── _meta-color.scss
├── _meta-mixins.scss
├── _meta-spacing.scss
├── _meta-type-scaling.scss
├── _meta-type.scss
├── _meta-reboot.scss
├── _variables.scss
├── meta.scss
└── mixins/
└── _lists.scss
This simple structure allows you to simply import the meta.scss
file directly into any project after your other UI framework imports and/or before your project's custom styling.
Quickly start by using the one line NPM install.
npm i @universelabs/meta
@import "node_modules/@universelabs/meta/scss/meta.scss";
alternatively, you can import css directly
@import "node_modules/@universelabs/meta/css/meta.css";
Import the meta.scss
file directly into any project after your other UI framework imports and/or before your project's custom styling. (The following is an example of how to import via React.js).
Most classname convention is dirived from the Bootstrap framework so you should feel right at home.
Full color list coming soon...
*-editorial
suffix to type classes to get highly functional editorial typography. Learn more.m-*
p-*
Meta UI is an open source Sketch Shared Library including Style Guide and Symbol resources for rapid prototyping in Sketch. The library allows developers to add the Meta Sketch Resource Library to their local Sketch Application. The library provides access to Meta styles, colors, type, components, and more. Once added, the Meta Sketch Resource Library syncs directly to Sketch Cloud. Sketch will notify users of any additions or updates.
For detailed instructions on how to add Meta UI to your Sketch Libraries, visit Meta UI.
For detailed instructions on how to customize Meta and the Meta Documentation, visit Documentation.
Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.
Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All code should conform to the Code Guidelines.
Get updates on Universe's development and chat with the project maintainers and community members.
Guy Lepage
By contributing your code, you agree to license your contribution under the MIT License.
FAQs
Meta is an open source UI framework for both web2 & web3 applications.
The npm package @universelabs/meta receives a total of 4 weekly downloads. As such, @universelabs/meta popularity was classified as not popular.
We found that @universelabs/meta demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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.