Website • Documentation • Playground •

Jaspr

A modern web framework for building websites in Dart with support for both client-side and server-side rendering, as well as static site generation.

• 🔮 Why?: Jaspr was made with the premise to make a web-framework that looks and feels just like Flutter, but renders normal HTML and CSS.
• 👥 Who?: Jaspr is targeted mainly at Flutter developers that want to build any type of websites (especially ones that are not suitable for Flutter Web).
• 🚀 What?: Jaspr wants to push the boundaries of Dart on the web and server, by giving you a thought-through fullstack web framework written completely in Dart.

Core Features

• 💙 Familiar: Works with a similar component model to Flutter widgets.
• 🚀 Powerful: Comes with server side rendering out of the box.
• ♻️ Easy: Syncs component state between server and client automatically.
• ⚡️ Fast: Performs direct DOM updates only where needed.
• 🎛 Flexible: Runs on the server, client or both with manual or automatic setup. You decide.

If you want to say thank you, star the project on GitHub and like the package on pub.dev 🙌💙

Differences to Flutter Web - Design Principles

Jaspr is an alternative to Flutter Web, when you want to build any kind of website with Dart.

The Flutter team itself has stated on multiple occasions that

Flutter Web is for building Web-Apps, not Web-Sites.

That just means that while Flutter Web is a great technology for sharing your apps across multiple platforms including the web, it may not be suited for all types of websites that you want to build.

Jaspr works by giving you the familiar look and feel of the Flutter framework, while using native web technologies, like HTML, the DOM and CSS to enable you to build all kinds of websites using Dart.

Directories

• /apps: Production apps built with Jaspr.
  • /jaspr_pad: Online Editor and Playground inspired by DartPad, built with Jaspr. Hosted at playground.jaspr.site.
  • /website: The Jaspr website, built with Jaspr itself. Hosted at [jaspr.site].
• /assets: Branding images and other assets for Jaspr.
• /docs: Documentation hosted at [docs.jaspr.site].
• /examples: Examples for showcasing different Jaspr features.
• /packages:
  • /jaspr: The core framework package.
  • /jaspr_builder: Code-generation builders for Jaspr.
  • /jaspr_cli: The command line interface of Jaspr.
  • /jaspr_content: Jaspr plugin for building content-driven sites like documentation, blogs, or marketing pages.
  • /jaspr_flutter_embed: Flutter element embedding bindings for Jaspr.
  • /jaspr_lints: A collection of lints and assists for Jaspr projects.
  • /jaspr_riverpod: An unofficial Riverpod implementation for Jaspr.
  • /jaspr_router: A router implementation for Jaspr.
  • /jaspr_serverpod: An official Jaspr integration for Serverpod.
  • /jaspr_test: A testing package for Jaspr.