This is the starting point for your brand new documentation site, powered by the awesome
jaspr_content
package! Jaspr Content makes it easy to create beautiful and functional documentation. You can learn more about its features by visiting the official documentation.
Getting Started#
Here are a few things you can do to begin:
- Explore the features of
jaspr_contentinsidelib/main.dart. - Read the Quick Start Guide to understand how to set up your your content-driven site.
- Start adding your own content pages in the
content/directory.
Showcase#
jaspr_content
supports all standard markdown syntax, allowing you to format your content effectively. It also supports adding custom components like this one:
Inline Elements#
Use
inline code
for brief mentions of code,
bold text
for emphasis, or
italic text
for highlighting. You can also create links to external sites.
Blockquotes#
This is a blockquote. It's great for highlighting important information or quotes. It has a custom color applied to it using
jaspr_contents theming capabilities.
Code Blocks#
You can easily include code snippets.
jaspr_content
even comes with syntax highlighting and copy functionality out of the box.
// lib/main.dart
import 'package:jaspr/jaspr.dart';
import 'package:jaspr_content/jaspr_content.dart';
void main() {
runApp(ContentApp(
parsers: [
MarkdownParser(),
],
));
}
Images#
Displaying images is straightforward:

You can even zoom-in by clicking on the image.
