/jaspr

Modern web framework for building websites in Dart. Supports SPAs and SSR.

Primary LanguageDartMIT LicenseMIT

Banner

sponsor

pub github tests codecov discord contributors

QuickstartDocumentationPlaygroundExamplesCommunity & SupportBenchmarks

Jaspr

A modern web framework for building websites in Dart with support for both client-side and server-side rendering.

  • 🔮 Why?: Jaspr was made with the premise to make a web-framework that looks and feels just like Flutter, but renders normal html/css like Vue or React.
  • 👥 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.

Want to contribute to Jaspr? Join our open Discord Community of developers around Jaspr and check out the Contributing Guide.

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 incremental 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 🙌💙

Online Editor & Playground

Inspired by DartPad, Jaspr has it's own online editor and playground, called JasprPad.

Check it out here!

You can check out the samples, take the tutorial or try out jaspr for yourself, all live in the browser. When you want to continue coding offline, you can quickly download the current files bundled in a complete dart project, ready to start coding locally.

JasprPad is also built with Jaspr itself, so you can check out its source code to get a feel for how jaspr would be used in a larger app.

JasprPad Screenshot

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 building all kinds of websites using Dart.

Instead of trying to mirror every little thing from Flutter, jaspr tries to give a general Fluttery feeling by matching features where it makes sense without compromising on the unique properties of the web platform. Rather it embraces these differences to give the best of both worlds.

More

Directories

  • /apps: Production apps built with jaspr
    • /jaspr_pad: Online Editor and Playground inspired by DartPad, built with jaspr.
  • /docs: Documentation hosted at docs.page/schultek/jaspr
  • /examples: Well-maintained and documented examples
  • /experiments: Experimental apps or features, that are not part of the core framework (yet?) (may be broken).
  • /packages:
    • /jaspr: The core framework package.
    • /jaspr_builder: Code-generation builders for jaspr.
    • /jaspr_cli: The command line interface of jaspr.
    • /jaspr_flutter_embed: Flutter element embedding bindings for jaspr.
    • /jaspr_riverpod: Riverpod implementation for jaspr.
    • /jaspr_router: A router implementation for jaspr.
    • /jaspr_test: A testing package for jaspr.
    • /jaspr_tailwind: A tailwind integration for jaspr.