Getting Started
Using Yogurt via CDN
<!-- HTML -->
<link defer href="https://unpkg.com/yogurt-css@1.1.3/dist/yogurt-1.1.3_solidcore.min.css" rel="stylesheet" rel="preload" as="style" media="all">
<!-- CSS -->
@import "https://unpkg.com/yogurt-css@1.1.3/dist/yogurt-1.1.3_solidcore.min.css";
Using Yogurt via Package Manager v1.0.9
# YARN
$ yarn add yogurt-css
# NPM
$ npm i yogurt-css
You can include the Yogurt CSS file from the node_modules
directory with an HTML <link>
tag or import the yogurt.scss
into .scss
file with @import
directive.
# JS (v1.1.0)
import 'yogurt-css'
# SCSS/SASS
@import 'node_modules/yogurt-css/yogurt';
# HTML
<link href="node_modules/yogurt-css/dist/yogurt-1.1.3_solidcore.css">
<link href="node_modules/yogurt-css/dist/yogurt-1.1.3_solidcore.min.css">
Using Yogurt via CLI
To create a new project, run:
# YARN
$ yarn create create-yogurt-app my-new-project
# NPM
$ npx create-yogurt-app my-new-project
The CLI gives you an optional tool to quickly installs and sets up a new frontend project with essential build tools such as preprocessors, postprocessors, etc. Use the tool for the production-ready build.
If you install the create-yogurt-app
package to run locally, simply run yogurt <project_name>
,
# YARN
$ yarn global add create-yogurt-app
# NPM
$ npm i -g create-yogurt-app
# USAGE
$ yogurt my-new-project

Using Yogurt via Playground
Yogurt Playground is a developer tool also an HTML/CSS IDE for testing and prototyping with the Yogurt framework. If you have an idea and want to draft something small without setting up a new project, then Yogurt Playground is a tool for you.
$ git clone https://github.com/yogurt-foundation/playground.git
$ cd playground
# YARN
$ yarn && yarn start
# NPM
$ npm i && npm start
Download the precompiled desktop apps without going through the building process,
