📖 Welcome to the Docs

         

🐶 What is jaspr?#

Jaspr is an 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.

🍭 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 its 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.

📦 Core Packages#

Jaspr is split up in a few core packages, which are:

• jaspr: The core framework package.
• jaspr_builder: Code-generation builders for jaspr.
• jaspr_flutter_embed: Flutter element embedding bindings for jaspr. (See Flutter Embedding)
• jaspr_riverpod: Riverpod implementation for jaspr. (See Jaspr Riverpod)
• jaspr_router: A router implementation for jaspr. (See Routing)
• jaspr_test: A testing package for jaspr. (See Testing)
• jaspr_tailwind: A tailwind integration for jaspr. (See Jaspr Tailwind)