< Animate In />
React UI Component for animating elements in with Tailwind and CSS Animation (...and plays nice with shadcn)
Bucket CMS
Bucket CMS is a portable drop-in AI-enabled headless CMS designed for Next.js
Hot Sauce
Hot Sauce combines ReMix, Tailwind UI, Firebase, Stripe, Netlify, Sendgrid and more to go from zero to production-ready web app.
Route Chat
Get your next React project up and running quickly with Next.js, Theme UI, MDX and more.
Animated Gradient Background Generator
Tool for generating CSS Code to create animated gradient backgrounds, as written about on CSS Tricks.
Next.js Web Scraper Playground
Build and test your own web scraper APIs with Next.js API Routes and cheerio.
Color to Color
Pick colors. Find clothes that match. Choose any color, browse popular colors or extract a color scheme from a picture.
Design System Playground
Play with typography and colors to generate a design system theme.
Hello Next App
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
Next.js MDX Blog Starter for building blogs with Next.js and MDX, including Theme UI Component Design System, Vercel Deployment and more.
Styled System HTML
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.
Chicago Tech Events
The website for chicagotechevents.com built with Gatsby and Styled System, deployed to Netlify.
Expressive CSS
Expressive CSS follows the atomic approach to writing lightweight, scalable CSS with utility classes that are easy to write and understand.
Open Source For Fame and Fortune
Animated Slide Deck from my talk at Techweek Chicago.
Controldeck.js
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.
Extra Strength Responsive Grids
Fluid CSS Grid System for Responsive Web Design. Predates Bootstrap’s similar system. Project page is a satire of over-the-counter drug websites.
Stacktable
The new version of the jQuery plugin for doing super cool scrolly stuff with Greensock.
What The Heck Is Responsive Web Design?
Introductory presentation to Responsive Web Design using my Scrolldeck.js presentation framework.