Your Notion powered Blog on rocket fuel 🚀

AstroNot is a fully customizable site builder powered by Astro & Notion. Publish directly from Notion, with total control over the website and design!

  • Write Articles, Edit Posts & Publish all within Notion. Content automagically syncs!
  • Fully Interactive with 60+ Tailwind Components, Animations, and View Transitions.
  • Built for Performance: Image optimization, minimal bundle size, opt-in hydration.

    • Space requires FAST speeds, so AstroNot is built for performance with the FAST stack:
    Flowbite + Astro + Svelte + Tailwind

    Reactive Components, Built for Performance.


    Use any Svelte or Flowbite component out of the box, or bring your own favorite framework such as React! Mix-and-match UI frameworks or add large dependencies without hurting user performance via Astro Islands.

    Finally, combine the best of both worlds: MPA (Multi Page Apps) and SPA (Single Page Apps). Lightning fast initial page loads expected of a MPA combined with the persistance & interactivity expected from a SPA, thanks to Astro's v3 router.

    All the goodies: Notion Blog Integration, Responsive Design, Dark Mode, Animations, View Transitions, Table of Contents, Flowbite Components & Blocks, Built for Performance and a custom Notion Image Optimization Pipeline.

    notion logo

    Notion Blog Integration

    Write, edit, and publish Articles & Blog Posts in Notion! The content (including images, tags, and metadata) will show up automagically.

    Responsive Design

    AstroNot is fully responsive on Mobile, Tablet, and Desktop browsers. Easily tweak design with Tailwind. Add interactivity with Flowbite.

    Dark Mode

    AstroNot offers a mandatory night-vision mode for all those space-obsessed night owls out there. Now with HyperDark!

    Animations

    Out of the box lightweight animation libraries, including Tailwind Animated and Svelte already included. Easily add custom third-party libraries.

    View Transitions

    AstroNot includes View Transition support, which is a new browser feature allowing for fluid route transitions and page element animations.

    Table of Contents

    Automatically generate a table of contents based off your blog posts and article structure. Supports nested subheadings!

    Flowbite Components, Blocks & Icons

    Use 330+ Flowbite Blocks, 60+ Interactive Components, and 487+ Icons, standalone or with a UI framework. Easily tweak with Tailwind.

    Built for Performance

    Statically generate pages on the server for performance, and only hydrate the specific code necessary for interactivity. Less code = fast load

    Image Optimization

    AstroNot automatically optimizes every image via a custom MarkdownX Astro pipeline. Don't worry about file size or resolution, just upload to Notion!

    Sign up for the newsletter

    Enter an e-mail address to test out form validation and Flowbite modal via reactive Svelte components. This form does not collect any data.