Resources

Guides

• Quick Start

• Video Introduction to Laminar

• Live Examples

Documentation

• Documentation

• Laminar API doc • Airstream API doc

• Changelog

Videos & Conference Talks

• Video Introduction to Laminar

• Kit Langton – Stockholm Syndrome Escape Velocity

Community & Support

• Gitter for support, advice, showing off your Laminar projects, etc.

• Github discussions for how-tos, whys, and any questions or discussions that other people would benefit from easily finding.

• Github issues for bugs and feature requests

• Please consider supporting the project on github!

Starter Kits & More Examples

• Laminar ScalaFiddle to try things on the fly

  • Note: the Laminar version there is a bit old, but most things work the same

• Live examples on this website

• keynmol/http4s-laminar-stack – Laminar setup with http4s, sttp, docker, and other niceties

• b12consulting/Laminar-Play-Slick-ZIO

• sherpal/full-scala-scala-heroku – Laminar setup with Play & Heroku

• keynmol/laminar-static-gh-pages – Template for publishing a static site with Laminar

• kitlangton/formula-example – Example of deriving Laminar components with Magnolia

• vic/laminar_cycle/examples – Examples of Cycle.js style apps in Laminar

• raquo/laminar-examples – an old repo with some Laminar examples, most of which you can see on this website already.

Examples without Scalajs-bundler

• lolgab/scala-fullstack – Laminar setup with Akka HTTP, Mill, Sloth

• yurique/scala-js-laminar-starter.g8 – Laminar setup with Akka HTTP, Tailwind CSS, Waypoint, and a pure webpack config instead of scalajs-bundler

• kitlangton/zio-app – Quickly create apps with ZIO and Laminar

• yurique/laminar-vite2-example – Example of a Vite build for a Scala.js + Laminar + frontroute app.

• yurique/laminar-snowpack-example - Laminar setup with Snowpack (instead of Webpack) and frontroute

Warning: Using ModuleKind.ESModule (e.g when using Vite or Snowpack) results in bigger JS bundle sizes than usual because Scala.js is unable to use gcc in this case. Scala.js #3893

Addons & Extensions

• Laminext – A collection of useful extensions, utilities and components for Laminar and Airstream

• Waypoint – URL router for Laminar

• frontroute – Alternative router for Laminar with API inspired by Akka HTTP

• Laminar Web Components – Material Web Components for Laminar

• Laminar.cycle – Cycle.js dialogue abstraction in Laminar

• purgecss-laminar-webpack-plugin – Removes unused CSS from your webpack bundle

Blog Posts & Videos

• My Four Year Quest For Perfect Scala.js UI Development

• [VIDEO] Laminar – Smooth UI Development with Scala.js

• [VIDEO] Stockholm Syndrome Escape Velocity

• [VIDEO] Deriving the Frontend – Form Combinator Fun with Scala.js

  • See updated repo for safe management of Owner-s

Other Related Projects

• Scala DOM Types – Type definitions that we use for all the HTML tags, attributes, properties, and styles