John Polacek

D20 Adventures is an online platform for playing narrative-based RPG's with an AI GameMaster

React UI Component for animating elements in with Tailwind and CSS Animation (...and plays nice with shadcn)

Bucket CMS is a portable drop-in AI-enabled headless CMS designed for Next.js

notyetnews.vercel.app has AI content automatically generated each day

I built a Date Range Picker for shadcn

Botlywood is an AI Hollywood Movie Generator experiment.

BotLuck is a fun themed recipe generator using Open AI

Hot Sauce combines ReMix, Tailwind UI, Firebase, Stripe, Netlify, Sendgrid and more to go from zero to production-ready web app.

Get your next React project up and running quickly with Next.js, Theme UI, MDX and more.

Build complex animated page transitions with Greensock and Next.js.

Tool for generating CSS Code to create animated gradient backgrounds, as written about on CSS Tricks.

Build and test your own web scraper APIs with Next.js API Routes and cheerio.

Pick colors. Find clothes that match. Choose any color, browse popular colors or extract a color scheme from a picture.

Play with typography and colors to generate a design system theme.

From zero to web app! Launch your next web application with serverless backend, user authentication, automated testing, Stripe integration, a custom design theme and more.

Next.js MDX Blog Starter for building blogs with Next.js and MDX, including Theme UI Component Design System, Vercel Deployment and more.

MDX Deck combined with Greensock Animation.

HTML elements extended as primitive React Components, ready for theming via styled system.

Note: This project is no longer under active development. Recommend using Theme UI.

The website for chicagotechevents.com built with Gatsby and Styled System, deployed to Netlify.

Expressive CSS follows the atomic approach to writing lightweight, scalable CSS with utility classes that are easy to write and understand.

Next level animation for web presentations.

A SASS grid generator for creating simple responsive grids.

Animated Slide Deck from my talk at Techweek Chicago.

Use controldeck.js to run presentation frameworks like flowtime.js, deck.js, reveal.js and impress.js. Run locally or on a node.js server.

Easily see and share how web pages look at different screen sizes

Fluid CSS Grid System for Responsive Web Design. Predates Bootstrap’s similar system. Project page is a satire of over-the-counter drug websites.

The new version of the jQuery plugin for doing super cool scrolly stuff with Greensock.

The jQuery Plugin for Big Background Video (and images)

First ever plugin for doing scroll animations

Introductory presentation to Responsive Web Design using my Scrolldeck.js presentation framework.