Tailwind

AI Lab Notebook aesthetic with Tailwind CSS and grid layouts

Officialv4.3.0

860 downloads/week

Last published: 11/27/2025

About

A modern generator featuring the AI Lab Notebook aesthetic. Includes Tailwind CSS with utility-first approach, grid layout support for portfolios/videos, and optimized CSS bundle size (~14KB). Perfect for technical blogs and personal sites.

Features

✓Tailwind CSS
✓Grid layouts for portfolios
✓Syntax highlighting
✓Tags and categories
✓RSS feed
✓Sitemap
✓Optimized CSS (~14KB)
✓External grid items support

Live Demo

View Live Demo →

Opens in new tab - See how your blog would look with this generator

Installation

npm Install

npm install -g @jsonblog/generator-tailwind

Use with JSONBlog CLI

jsonblog build --generator @jsonblog/generator-tailwind

Programmatic Usage

import { generate } from '@jsonblog/generator-tailwind';
await generate(blogData, { outputDir: './build' });

Technical Details

Template Engine: Handlebars
CSS Framework: Tailwind CSS
Package: @jsonblog/generator-tailwind

Links

GitHub Repository →npm Package →