# Learn

> Install pixi-silk, pick the entry points you need and build a first widget and a first editor canvas.

Source: https://pixi-silk.schmooky.dev/docs/learn/

Start here if pixi-silk is new to you. Getting started installs it and draws a first scene.

The two tutorials build a button and an editor canvas from scratch. The migration page maps Graphics calls to SilkGraphics.

## 01. Getting started

Install pixi-silk next to pixi.js v8, create an app with createSilkApp and draw a squircle card, a gradient gauge and an area chart with SilkGraphics.

Guide: https://pixi-silk.schmooky.dev/docs/getting-started/

## 02. Migrating from Graphics

SilkGraphics follows the PixiJS v8 Graphics API: shapes on a path, fill and stroke, transforms. See what carries over, what differs and what to add.

Guide: https://pixi-silk.schmooky.dev/docs/migrating-from-graphics/

## 03. Choose an entry point

pixi-silk ships one entry point per feature. See what the root import holds, what lives under ui, text, layout, glass, glow and webgpu, and when to import each.

Guide: https://pixi-silk.schmooky.dev/docs/choose-an-entry-point/

## 04. Your first widget

Build a pill button with SilkGraphics: a soft glow from a blurred fill, springs for hover and press, and a SilkText label. Then compare it with SilkButton.

Guide: https://pixi-silk.schmooky.dev/docs/first-widget/

## 05. Your first editor canvas

Build an editor canvas in PixiJS v8 with the pixi-silk editor kit: a camera that pans and zooms, a grid, a selection store, outlines and a transform gizmo.

Guide: https://pixi-silk.schmooky.dev/docs/first-editor-canvas/