awesome-remix [![awesome][awesome-badge]][awesome]
September 16, 2022 · View on GitHub
A curated list of awesome remix resources.
Contents
- Official
- Starter/Stack
- Testing
- Utility
- CLI
- Snippets
- Examples
- Videos
- Blog Posts
- Lecture
- Workshop
- Conference
- Other
Official
- Remix Docs - Docs V1.
- Remix Stacks - Stacks.
- Jokes App Tutorial - Jokes App.
- Developer Blog - Blog.
Starter
- Blues Stack
- Indie Stack
- Grunge Stack
- Speed Metal Stack
- Remix Worker Template
- Supa Fly Stack
- Remix Starter Serverless
- Azure Remix Stack
- Melodic Death Metal
- Chakra Remix Blues Stack
- Techno Stack
- K-pop Stack
- RockSpec Stacks
- Chop Suey Stack
- DnB Stack
- Vulcan Eurodance Stack - 1
- Vulcan Eurodance Stack - 2
- remix-worker-template
- Remix Supa Fly Stack
- Remix Power Metal Stack
- Remix Tecnobrega Stack
- Welcome to Bolero-Stack!
- Remix Minimal Stack
- Remix Trance Stack
- Welcome to Remix!
- Remix Techno Stack - Work In Progress.
- Welcome to the Remix Djent Stack
- Remix stack - mongo
- Remix stack for heroku
- Remix Mantine Stack
- Remix Acidcore Stack
- Remix Matador stack
- Remix Matador stack
- Remix Indie Stack Simple Notes
- Remix Rockabilly Stack
- Remix Punk Stack
- Remix Nordic Folk Stack
- Remix Prog Stack
- Sovtech Amapiano Stack
- Funk Stack
- Remix House Stack
- Remix Indie Thin Stack
- Remix stack for Render.com
- Hyperpop — The EdgeDB Remix Stack
- Minimal House Remix Stack
- Remix + Cloudflare Workers starter with Turborepo
- Chakra Remix Blues Stack
- Melodic Death Metal
- New Wave Stack
- Remix French House Stack
- Alternative Stack
- Azure Remix Stack
- Remix Chop Suey Stack
- Remix DnB Stack
- Remix + Deno + Rust -> Webassembly - The Air Metal Stack
- Remix RockSpec Stack
- docs-starter
- Remix Speed Metal Stack
- remix-azure-template - Remix app deployed to Azure Functions.
- remix-nested-layouts
- remix-tailwind-starter
- remix-on-netlify
- remix-css-modules
- remix-auth-layouts-example
- remix-starter-kit - Remix ft. Supabase(Auth, CRUD, Storage) with other essentials - TailwindCSS, DaisyUI, ESLint, etc.
- remix-edge-kit - Remix ft. Prisma(Railway.app/Planetscale)/FaunaDB/Supabase and other essentials but designed for Cloudflare workers.
- The Bossa Nova Stack - The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.
- quick-stack
- rocket-rental - Rent Rockets from rocking awesome people
- Starter Vercel - Archived.
- Starter Architect - Archived.
- Starter Express - Archived.
Testing
Utility
- Remix Routers
- remix-graphql
- remix-three
- routes-gen
- remix-etag
- Remix SEO
- remix-auth - Simple Authentication for Remix.
- remix-utils - A set of utility functions and types to use with Remix.run.
- remix-i18next - The easiest way to translate your Remix apps.
- remix-seo - A package for easily managing SEO meta and link tags in Remix.
- remix-params-helper - Helpers that make it simple to use Zod with URLSearchParams, FormData, and Remix params object.
- remix-tailwind - Use TailwindCSS with Remix without an extra build step.
- remix-validated-form - A ValidatedForm component and helpers for easy client and server side form validation.
- remix-themes - An abstraction for themes in your Remix app.
- remix-routes - Typesafe routing for your Remix apps.
- remix-middleware - An express-like middleware system for remix loaders and actions.
- remix-crash - Get better insight on why your Remix app crashed during development 💥.
- remix-pwa - A package to integrate PWA features into Remix.
- superjson-remix - A solution for Remix that allows you to send binary data from your loader to your React client app.
- remix-typedjson - This package is a replacement for superjson to use in your Remix app.
- remix-etag - Makes adding an ETag header to a response easy.
- remix-domains - Decouple your business logic from your Remix actions and loaders. With first-class type inference from end to end.
- Form component and utils for easy form validation in remix
- Remix Flat Routes - Remix package to define routes using the flat-routes convention
- Remix Validity State - Enhanced HTML Inputs for Remix
CLI
Snippets
Examples
- Basic
- Blog
- Remix Example App
- Bullmq Task Queue
- Catch Boundary
- Chakra UI
- Client Only Components
- Client Side Validation
- Collected Notes
- Combobox Resource Route
- Dark Mode
- Dataloader
- Emotion
- File And Cloudinary Upload
- Firebase Auth Firestore
- Form To Notion DB
- Framer Motion
- Framer Route Animation
- GDPR Cookie Consent
- Google Analytics
- Graphql API
- Image Resize
- Infinite Scrolling
- IO TS Formdata Decoding
- IO Redis
- Jokes
- Mantine
- MSW
- Multiple Forms
- Multiple Params
- Newsletter Signup
- Nprogress
- On Demand Hydration
- Outlet Form Rerender
- Pathless Routes
- PM App
- Quirrel
- React Spring
- Redis Upstash Session
- Remix Auth Auth0
- Remix Auth From
- Remix Auth GitHub
- Remix Auth Supabase GitHub
- Remix Auth Supabase
- Route Modal
- Route Gen
- Rust
- Sanity
- SASS
- Search Input
- Search Flash
- Sharing Loader Data
- Socket.io
- Stitches
- Strapi
- Strapi Integration
- Styled Components
- Styletron
- Supabase Subscription
- Tailwindcss
- Template
- Tiptap Collab Editing
- Toast Message
- Turborepo Vercel
- Twind
- Usematches Loader Data
- Remix.Gun Boilerplate
- Remix TodoMVC
- Remix Fakebooks App
- React Router + Remix
- Microblog
- Remix Validity State
- remix-aws-cdk-example
- Hacker News Clone Remix/React
- remix-electron
- remix-ecommerce - WIP
- About Simple google docs thing in Remix using socket.io
- remix-postcss
- Ryan's Planner
- hova-labs-remix
- snkrs
- realworld-remix.run
- camchenry-remix
- sergiodxa/personal-site
- sergiodxa/collected-remix
- Interactive Remix Routing
- Remix Ink
- jotyy/remix-portfolio
- Server-side Auth with Remix, Prisma, and the Web Platform
Videos
- Introducing Remix v1 💿
- CDN Caching, Static Site Generation, and Server Side Rendering
- Document Titles in Remix
- Live with Kent: Building Authentication with Postgres, Prisma, and Remix
- Progressive Enhancement with Remix
- How to Add Nested/Persistent Layouts in Remix
- Introduction to HTTP Caching
- Deploy Remix to Netlify Serverless Functions in less than 3 minutes
- Remix Utah Meetup 2021-12-02
- Remix Tutorial with Kent
- Interview to Michael Jackson at devtools-fm
- Remix Tutorial | Trying out the newest React Framework!
- Remix Run Speedrun - Pokemon
- Remix is a NEW JavaScript framework you MUST try
- Playlist: Build A Fullstack App with Remix, Prisma & MongoDB
Blog Posts
- React Server Components and Remix
- On Rails
- First impressions with Remix
- Loader vs Route Cache Headers in Remix
- The useMatches hook in Remix
- Validating Remix forms with Constraints API
- Test Remix loaders and actions
- Use Fathom with Remix
- Use NProgress in a Remix app
- How Remix makes CSS clashes predictable
- Super Simple Start to Remix
- Use ETags in Remix
- Stable Forms in Remix
- Generating Social Images with Remix
- Building a Simple Search UI with Remix
- Sending data from layout to leaf routes in Remix
- Using Service Workers with Remix
- Localizing Remix apps with i18next
- Adding CSRF protection to Remix
- Load only the data you need in Remix
- Server-Side authentication with Auth0 in Remix
- Using TailwindCSS with Remix
- Jest Matchers for Remix responses
- Using Form Objects inside Remix actions
- Route protection in Remix with Policies
- Redirect to the original URL inside a Remix action
- Why Remix is worth your attention
- Remix for Next.js Developers
- Series: Build A Fullstack App with Remix, Prisma & MongoDB
Lecture
Workshop
- Advanced Remix Workshop
- Remix Workshop
- Advanced Remix Workshop - FrontendMasters - Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. In this workshop, we'll look at some more advanced use cases when building Remix applications.
- Remix Fundamentals - Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. Get a jumpstart on Remix with this workshop.
Conference
- Remix Conf 2022 - Conference 2022.
- Remix Conf 2023 - Conference 2023.