The Web3 Visual Site Builder
Microgen is an intuitive, open source visual site builder made for Web3. Free forever and built for the decentralized internet. Extend the library of customizable components however you like and host your website for free on IPFS or any other static host.
Work Quickly
Create custom-designed websites quickly with simple, intuitively editable stock components. Navigation, analytics, and SEO are built-in, so you can get started right away.
Complete Design Control
The theme layer gives you complete control over color, typography and buttons. See your design system on a beautifully presented stylesheet and view global changes in real time as you edit your site.
Backgrounds Matter
Background control takes a layered approach for flexible control. Add a color or gradient background, place an image over it and layer an unlimited number of other images with precision placement.
Endlessly Extendable
Take your site beyond stock components by adding your own. Customize content fields to fit your needs, add interactivity, call APIs, and make it your own. Familiar tools like React and Tailwind lower the learning curve.
Mobile Friendly
Sites are mobile ready with full featured mobile navigation, and complete control over mobile typography, size and spacing on both the theme and component level. Tweak the mobile view of your site to your heart’s content.
No Lock-In
Microgen was built for Protocol Labs and designed for the decentralized internet. Customize it how you choose and host your site on any static host including IPFS. It's yours, for free and forever.
Features
React
A free and open-source front-end JavaScript library for building user interfaces based on components.
Next JS
Create full-stack Web applications by extending the latest React features and JavaScript tooling.
Tailwind
A utility-first CSS framework that can be used to build any design, directly in your markup.
Tina CMS
Tina is an open-source, headless CMS for Markdown, MDX, and JSON.
Built on a foundation of fast, production-grade tooling
Feature
Copy next to an image, or above an image. Or below it - you get the point. The core component of all websites.
Cards
A grid of cards. Each one with an image and text - a whole family of baby features. Incredibly customizable.
Accordion
A list of collapsible headline/text sets. Use them for FAQs, directions or list your bands favorite foods.
Embed
An open ended component for your own HTML with Tailwind styles. Forms, videos or anything else you can imagine.
Schedule
A full featured event calendar generated from event posts. Location details, time slots, categories and more.
Timeline
This is a simplified way of sharing event posts. An easy to read overview of the day or month's schedule.
Components
Collections
Go beyond pages and add data as events or posts. Events can be displayed in a feature rich schedule component, timeline or as cards. Create any other data collection you like to manage team members, products or anything else you can imagine. The data structure of these collections is completely up to you.
Get Started
- Clone the project repo and upload it to your choice of static host
- Create a Free Tina CMS account
- Start stacking up components to create your pages
Credits
Microgen was built by Bust Out for Protocol Labs and designed to run on IPFS. It’s based on the excellent and open source Tina CMS.