Open Source
I build and maintain open-source tools for Nuxt, Vue, developer experience, UI infrastructure, and application development. Most of them start as something I needed for my own work, then get released so other developers can use them, extend them, and improve them.
Stars and forks are read from GitHub for the projects featured on this page and refreshed every few hours.
Flagship
Open source 01
Component library
A Nuxt-focused component and interface ecosystem built to make application development faster without giving up ownership of the source. Components are built with Reka UI and Tailwind CSS, inspired by shadcn/ui and shadcn-vue, and live in your project where you can read, edit, and extend them.
UI Thing has grown past a single repository. It now has related tooling of its own: a CLI, a documentation toolkit, editor support, and starter templates.
See the ecosystemFlagship
Open source 02
Admin dashboard
An ecommerce admin dashboard built as a working product surface rather than a mockup. Roles are enforced in the navigation, route guards, and API, zod schemas are shared by the forms and a typed mock API in the same repository, and almost 400 unit, API, and browser tests run in CI. A ground-up rebuild of my 2023 tutorial app.
The live demo opens on a sign-in screen. Choose “Fill demo credentials” to enter as an admin. It is a demo, so no real accounts are created.
Layouts
Demo applications
Six working applications built with UI Thing, each with real pages, validated forms, and a typed mock API behind it. They are demos with fictional data, not client projects. I built them to show the level of detail I put into a product interface, and every one is open source and free to read, fork, and learn from.
All six live in one repository: ui-thing-layouts
AI workspace
An AI chat workspace with scripted assistants, a command palette, audio transcription, a simulated realtime session, and a metrics view. Markdown replies render with syntax highlighting, and attachments and recordings are kept in the browser.
Technologies: Nuxt 4 / Tailwind CSS / UI Thing / ApexCharts
Marketing workspace
A campaign workspace with connected records: campaigns, leads, written briefs with a Markdown editor, team chat, support tickets, and sixty days of performance charts, all behind validated mock API routes.
Technologies: Nuxt 4 / Tailwind CSS / UI Thing / ApexCharts
Contact manager
A contact manager with a filterable table and card view, groups, a follow-up planner, duplicate detection and merging, bulk actions, and CSV and vCard import and export.
Technologies: Nuxt 4 / Tailwind CSS / TanStack Table / UI Thing
Scheduling app
A clinic scheduling app: a front-desk day view, week and day calendars, a waitlist that fills cancellations, and a public booking flow. Availability rules are shared pure functions, so the schedule cannot be double-booked.
Technologies: Nuxt 4 / Tailwind CSS / TanStack Table / UI Thing
Analytics dashboard
A web analytics dashboard where segments, date ranges, and filters really change every number. Reports are computed from seeded session data for three fictional sites, with live traffic, goals, funnels, and saved reports.
Technologies: Nuxt 4 / Tailwind CSS / ApexCharts / UI Thing
Onboarding flow
A four-step onboarding flow: create an account with a password strength meter, verify an email code, invite teammates, and land on a welcome screen. The step lives in the URL and server-side validation errors surface inline.
Technologies: Nuxt 4 / Tailwind CSS / Motion / UI Thing
Selected Open Source
Notable projects
Starter template
A template that gets developers up and running with Nuxt 3 and Vuetify 3, including login, register, and password reset pages.
Technologies: Nuxt 3 / Vuetify 3 / Sass
Nuxt module
A Nuxt module for generating PDFs with pdfMake. Use it in the browser through a composable or on the server, with custom font support and a Nuxt DevTools panel.
Technologies: Nuxt / pdfMake
Nuxt module
A Nuxt module for interactive product tours, step-by-step tooltips, feature introductions, and onboarding experiences.
Technologies: Nuxt / Product tours
Strapi plugin
A Strapi 5 plugin for designing email templates from the Strapi admin panel and using those templates programmatically.
Technologies: Strapi 5 / Unlayer
Ecosystem
UI Thing
UI Thing started as a component library. The tools around it, for installing components, writing documentation, working in the editor, and starting new projects, grew out of using it.
Core
Core component library and documentation
CLI
The command-line tool for adding UI Thing components to a Nuxt application. Initialize a project, then pick only the components you need.
Documentation toolkit
A Nuxt layer for building documentation sites from Markdown and Vue components, using Nuxt Content, Tailwind CSS, and UI Thing. Includes full-text search and llms.txt generation.
VS Code extension
Brings the UI Thing CLI into VS Code. Initialize a project, add components, and change themes from the Command Palette without leaving the editor.
Layouts & examples
A collection of application layouts built with UI Thing, including an AI chat, contact manager, campaigns dashboard, onboarding steps, site analytics overview, and appointment dashboard.
Starter template
An opinionated Nuxt 4 starter with UI Thing already initialized, alongside Tailwind CSS and Pinia.
Developer Tooling
Modules & packages
Nuxt module
Integrates the Unlayer email editor into Nuxt applications.
Technologies: Nuxt / Unlayer
Nuxt module
A Nuxt wrapper around Driver.js for guided product tours and feature introductions.
Technologies: Nuxt / Driver.js
Nuxt module
A Nuxt module for parallax scrolling effects, with a composable and directives.
Technologies: Nuxt / Parallax
Nuxt module
A Nuxt module that runs a socket.io connection inside the Nuxt server, so you don't need a separate socket server.
Technologies: Nuxt / Socket.IO
npm package
A TypeScript-first package that maps file and folder extensions to Material and VS Code icons, with no runtime dependencies and a CLI for browsing icons.
Technologies: Icons / Zero dependencies
Strapi plugin
Generates TypeScript types for Strapi collection types, single types, and components.
Technologies: Strapi 5 / TypeScript
Strapi plugin
Records the API calls made to a Strapi 5 application and lets you browse them in the admin panel, with a skip list for collections you don't want logged.
Technologies: Strapi 5 / Logging
Auth example
An example of authentication for a NitroJS app with Better Auth and Prisma, including email verification, password reset, protected routes, and request logging.
Technologies: NitroJS / Better Auth / Prisma
Browse Projects
33 curated
The full curated list, including the projects above. Filter by what you're working with.
Filter projects by category
Showing 33 of 33 projects
Component library
A Nuxt-focused component and interface ecosystem built to make application development faster without giving up ownership of the source. Components are built with Reka UI and Tailwind CSS, inspired by shadcn/ui and shadcn-vue, and live in your project where you can read, edit, and extend them.
Technologies: Nuxt / Vue / Reka UI / Tailwind CSS / Motion
Admin dashboard
An ecommerce admin dashboard built as a working product surface rather than a mockup. Roles are enforced in the navigation, route guards, and API, zod schemas are shared by the forms and a typed mock API in the same repository, and almost 400 unit, API, and browser tests run in CI. A ground-up rebuild of my 2023 tutorial app.
Technologies: Nuxt 4 / TypeScript / Tailwind CSS / UI Thing / Playwright
AI workspace
An AI chat workspace with scripted assistants, a command palette, audio transcription, a simulated realtime session, and a metrics view. Markdown replies render with syntax highlighting, and attachments and recordings are kept in the browser.
Technologies: Nuxt 4 / Tailwind CSS / UI Thing / ApexCharts
Marketing workspace
A campaign workspace with connected records: campaigns, leads, written briefs with a Markdown editor, team chat, support tickets, and sixty days of performance charts, all behind validated mock API routes.
Technologies: Nuxt 4 / Tailwind CSS / UI Thing / ApexCharts
Contact manager
A contact manager with a filterable table and card view, groups, a follow-up planner, duplicate detection and merging, bulk actions, and CSV and vCard import and export.
Technologies: Nuxt 4 / Tailwind CSS / TanStack Table / UI Thing
Scheduling app
A clinic scheduling app: a front-desk day view, week and day calendars, a waitlist that fills cancellations, and a public booking flow. Availability rules are shared pure functions, so the schedule cannot be double-booked.
Technologies: Nuxt 4 / Tailwind CSS / TanStack Table / UI Thing
Analytics dashboard
A web analytics dashboard where segments, date ranges, and filters really change every number. Reports are computed from seeded session data for three fictional sites, with live traffic, goals, funnels, and saved reports.
Technologies: Nuxt 4 / Tailwind CSS / ApexCharts / UI Thing
Onboarding flow
A four-step onboarding flow: create an account with a password strength meter, verify an email code, invite teammates, and land on a welcome screen. The step lives in the URL and server-side validation errors surface inline.
Technologies: Nuxt 4 / Tailwind CSS / Motion / UI Thing
Starter template
A template that gets developers up and running with Nuxt 3 and Vuetify 3, including login, register, and password reset pages.
Technologies: Nuxt 3 / Vuetify 3 / Sass
Nuxt module
A Nuxt module for generating PDFs with pdfMake. Use it in the browser through a composable or on the server, with custom font support and a Nuxt DevTools panel.
Technologies: Nuxt / pdfMake
Nuxt module
A Nuxt module for interactive product tours, step-by-step tooltips, feature introductions, and onboarding experiences.
Technologies: Nuxt / Product tours
Strapi plugin
A Strapi 5 plugin for designing email templates from the Strapi admin panel and using those templates programmatically.
Technologies: Strapi 5 / Unlayer
CLI
The command-line tool for adding UI Thing components to a Nuxt application. Initialize a project, then pick only the components you need.
Technologies: TypeScript / Nuxt
Documentation toolkit
A Nuxt layer for building documentation sites from Markdown and Vue components, using Nuxt Content, Tailwind CSS, and UI Thing. Includes full-text search and llms.txt generation.
Technologies: Nuxt / Nuxt Content / Tailwind CSS
VS Code extension
Brings the UI Thing CLI into VS Code. Initialize a project, add components, and change themes from the Command Palette without leaving the editor.
Technologies: VS Code / TypeScript
Layouts & examples
A collection of application layouts built with UI Thing, including an AI chat, contact manager, campaigns dashboard, onboarding steps, site analytics overview, and appointment dashboard.
Technologies: Vue / UI Thing
Starter template
An opinionated Nuxt 4 starter with UI Thing already initialized, alongside Tailwind CSS and Pinia.
Technologies: Nuxt 4 / Tailwind CSS / Pinia
Nuxt module
Integrates the Unlayer email editor into Nuxt applications.
Technologies: Nuxt / Unlayer
Nuxt module
A Nuxt wrapper around Driver.js for guided product tours and feature introductions.
Technologies: Nuxt / Driver.js
Nuxt module
A Nuxt module for parallax scrolling effects, with a composable and directives.
Technologies: Nuxt / Parallax
Nuxt module
A Nuxt module that runs a socket.io connection inside the Nuxt server, so you don't need a separate socket server.
Technologies: Nuxt / Socket.IO
npm package
A TypeScript-first package that maps file and folder extensions to Material and VS Code icons, with no runtime dependencies and a CLI for browsing icons.
Technologies: Icons / Zero dependencies
Strapi plugin
Generates TypeScript types for Strapi collection types, single types, and components.
Technologies: Strapi 5 / TypeScript
Strapi plugin
Records the API calls made to a Strapi 5 application and lets you browse them in the admin panel, with a skip list for collections you don't want logged.
Technologies: Strapi 5 / Logging
Auth example
An example of authentication for a NitroJS app with Better Auth and Prisma, including email verification, password reset, protected routes, and request logging.
Technologies: NitroJS / Better Auth / Prisma
Example app
A Nuxt 3 app showing how to use server routes and middleware for CRUD operations, with MongoDB, Pinia, and VeeValidate.
Technologies: Nuxt 3 / MongoDB / Pinia
Template
A Nuxt 3 and Vuetify 3 template that shows how to customize Vuetify's Sass variables.
Technologies: Nuxt 3 / Vuetify 3 / Sass
Docs starter
A Nuxt starter for documentation websites, built with Nuxt Content and UI Thing so a new docs project doesn't start from zero.
Technologies: Nuxt Content / UI Thing
Landing page starter
A Nuxt 4 landing page template built with UI Thing, with hero, social proof, services, reviews, and FAQ sections.
Technologies: Nuxt 4 / UI Thing
Dashboard UI
An email dashboard interface built with Nuxt 3 and Tailwind CSS, based on a Dribbble design.
Technologies: Nuxt 3 / Tailwind CSS
Example app
Shows how to protect API endpoints in a Nuxt 3 application with Nuxt Auth Utils, Pinia, and UI Thing.
Technologies: Nuxt 3 / Nuxt Auth Utils / Pinia
Auth example
An example of using Passport.js with a JWT strategy in a Nitro project, with Prisma as the ORM.
Technologies: Nitro / Passport.js / Prisma
API starter
A starting point for a Strapi 5 API that ships with commonly needed plugins and a ready-to-import Postman collection.
Technologies: Strapi 5 / OpenAPI
Explore
GitHub
I publish experiments, examples, starters, and other developer tools beyond the projects featured here. If you find something useful, or something that's missing, issues and pull requests are welcome.
