RemixFast
Learn
Docs
Blog
Pricing
Start your Project!

Build
Remix App
Remarkably Fast

Use RemixFast Visual Builder to build apps at warp speed!
Jump start your next project with a generated codebase and only code what matters!

Start your Project!

Traditional
Development
Fast
Development

Create Model
  • code Prisma Schema
  • code model with common client/server functionality like validation
  • code model.server with Prisma Query for CRUD
Add Routes
  • code list route to return list of data (R from CRUD)
  • code detail route to take actions on detail data (CUD from CRUD)
Add Views
  • code view(s) to show list of items
  • code view(s) to show item detail in form
Create Model
  • add model using Visual Editor
  • Export Code and get Prisma schema, model, and model.server
Add Routes
  • create route using Visual Editor
  • Export Code to get list route, detail route, list view and detail view
Save yourself Weeks of Development Time
And this is just the start. Factor in time saved to code for form submission, validation, type conversion, authorization for every route loader and actions, error handling, and many more required tasks that are auto generated for you!
Change?
Now consider time to add a new field to model after coding above functionality. You have to make changes to Prisma Schema, perhaps to model, update model.server, update validation logic, update views and so on.
With RemixFast, you have exactly two steps, add new field to model using Visual Editor and then using same Visual Editor, just drag-n-drop new field in list and form view, Export Code, and you are Done!

Why RemixFast?

  • RemixFast enables you go from data model to a running app in minutes. You can save weeks of development time and get right to work on the features that makes your app unique.
  • RemixFast is a codebase generator, not a framework. There are no new APIs to learn, you get high quality Typescript codebase.
  • Visual Editor allows you to easily create and configure various aspects of your application with an easy UI. Want to build a parent child view, just drop child list on to parent! Set a up relationship? Just pick model to connect to.
  • No dependencies on third party npm packages, no gated downloads from private repo, you get all the code!
  • RemixFast provide out-of-the-box defaults that are suitable for most applications, but are easy to change using Visual Editor.
  • Codebase has been developed for long term maintenance. You are free to add your favorite library, and all the major parts are easily replaceable.
Get familiar with RemixFast in under 5 mins
  • Remix
  • ReactJS
  • Prisma
  • TailwindCss
  • TypeScript logoTypescript
  • NodeJS
  • ReactJS
  • ReactRouter
  • Prisma
  • TailwindCss
  • TypeScript logoTypescript

How does it work?

let code = remixFast(model, route);
Build.

Input 1Create Model

Start by creating your data model. Use visual editor to define model, add fields and configure defaults. Add relations to other models and include related columns. Alternatively, if you already have an existing database, RemixFast will auto generate all models and relationships using introspection functionality.

  • Model

  • Relation

  • View

Quickly add model and populate fields with continuous add functionality. Auto creates Primary Key field and optionally add audit columns with one click!

Input 2Add Route

Create route by selecting one of many pre-defined templates. Templates pre-define UI and come pre-wired with all the logic, for both client and server.

You can customize the look and feel of UI using properties and with additional components. Use Visual Editor to configure behavior and enhance user experience by combining with additional models. You can immediately preview the app and refine as required.

  • Route Template

  • List Route

  • Detail Route

Route Template provide a way to quickly create varity of common route patterns. Templates work with Model and include code for loader, actions and views!
Preview.
Instantly Run the App. No waiting to download dependencies and no build step.
Get a visual preview of app as it is being built. Immediately test and check out app functionality and behavior.
Go back to build step to make changes and preview again to view those changes!
Download.

Ouput Code

RemixFast combines model definition you created and your route configurations to generate codebase specifically tailored for your project. You can export and view generated codebase at anytime. Or download to start development in your own editor.

What do you get?

  • Prisma Schema

  • Model

  • Model Server

  • List Route

  • Detail Route

  • List View

  • Detail View

Schema definition is auto generated on model definition.

Batteries Included. And more!

You get code for a complete running app, including additional route types, authentication, authorization(RBAC), admin panel, components, hooks and a lot more!

  • Authentication

    Standard user id/password authentication with support for Forgot Password (reset) flow.

  • Authorization

    Easily protect data using integrated rights based authorization. All route loaders and actions can be protected. Includes customizable RBAC implementation.

  • Admin UI

    Get ready made UI to administer users, roles and rights.

  • Profile

    Easily let user customize their details, including support for uploading photos, light/dark UI and logout functionality.

  • Dashboard

    Dashboard template provides UI container and components to quickly create dashboard with Stats and Charts widgets, and includes easy drag-n-drop way to create Aggregate View to power those widgets. We will generate PRISMA code, route and UI components for aggregated view and all properly wired up!

  • Reports

    Create custom report to show data. Report support tabular/grid view as well as advanced form based layout, perfect for creating custom view for stuff like invoice! Reports can use either Aggregate View or Model as source. Form based reports supports multiple sources (parent-child), you just use drag-n-drop editor to configure. Report even provides support for Parameters that you can change!

  • Config List

    Most app will have data that is considered secondary or support data that is used to support the app. RemixFast provides out of the box UI for list of list/configuration items.

  • Views

    Pick for various layout views like list page - detail dialog, list-detail side-by-side, including advanced views to support viewing related and parent child list data.

  • Components

    Includes Remix ready form components that use HTML Input as underlying core components, making them perfect your usage in Form! In addition to form components, includes other commonly used layout components like Dialog, Pickers and even awaitable Prompt UI!

  • Hooks

    usePager hook to paginate data using standard link mechanism, provides pre encoded links for prev and next , as well as methods to search and sort. useFetchPage hook to fetcher based pagination to fetch data without affecting main navigation. Also supports infinite scroll functionality.
    Both pagers utilize Scoped Search Parameters, allowing for simultaneous paging of multiple models. Think of it as namespace for URL parameters!

And above is just the start, code based has been designed to be performant by default and includes sensible defaults out of the box, but can be configured using Visual Editor to mold codebase generation to your specific requirements!

Majority of code based has been patterned to be easily maintainable and replaceable with custom implementation. There are no custom api to learn, you get simple, readable codebase. And best, there is No vendor lock-in! No gated access to github or private npm repository. You get all the code!

Empowering developers to build better and faster
Start your Project!

How RemixFast helps you save time?

  • Auto Generated PRISMA queries for CRUD.

    RemixFast auto generates CRUD queries based on your configuration. This includes high performance cursor based paging, create and update with support for child items, deletes with transaction support.

  • Auto Generated Nested Routes

    RemixFast will auto generate all routes required for your application, from list routes, nested detail routes, related routes, children routes and even resource routes for stuff like look up list.

  • Auto Generated Views

    RemixFast auto generates all layouts and views as per your configuration, from list view, to modal detail, inline editable table to even Kanban board. All views come fully wired with loaders and actions data.

  • Search/Sort

    RemixFast provides support for both quick search, advanced search and sort, and auto generates code for them in View, Route and Model. Think about time it would take you to code dynamic search, with RemixFast you just click and configure, we do the rest.

  • Pagination

    RemixFast has built-in support for both standard query string based pagination and where needed fetch based pagination. We even take care of ensuring parameters are not over written when doing child navigation on top of parent navigation using standard query string based pagination.

  • Security

    RemixFast provides out of box implementation for RBAC (role based access control). For every route, both loaders and actions include user rights check. And with included Admin UI, you can easily create custom roles and assign them to users.

  • Validation

    RemixFast provides common validation logic on both client and server, ensuring that consistent validation both on client for immediate feed back and on server to handle all other cases. In addition to common validation, included Form Controls provides built-in for majority of data types and can be configured using Visual Editor

  • UI Based on Rights/Role

    RemixFast provides easy way to configure and change UI based on user roles/rights. Thus you can ensure that only user with proper rights can take appropriate action, just configure and it works!

  • Dynamic UI

    RemixFast allows you to configure components to be visible/driven by data from other component. Cascading lookups? Easy, just configure data to lookup and condition, and you get a working cascading lookup!

  • Custom Layout

    RemixFast provides basic building blocks like Stack(Flexbox) and Block(div) to let you design any type of layout using drag-n-drop UI. While it is not Figma, but you can readily create nice looking layout. And code is designed to be replaceable, so you can easily incorporate your custom designs from Figma or use TailwindUI components.

Who is RemixFast for?

Front End Developer
  • Use RemixFast to create your app.
  • Design data models and add routes to get ready made backend with models, plus route files.
  • No need for server-side development skills since RemixFast auto-generates back-end codebase
  • Only code what matters,and develop your next great app
Back End Developer
  • Use RemixFast Visual Editor to create your app.
  • Design data models and add routes
  • use drag-n-drop Visual Editor to design UI and get ready made front end views with full integration
  • No need for client-side development skills since RemixFast auto-generates front-end code
  • Focus entirely on developing your next awesome app
Full Stack Developer
  • RemixFast auto-generates Remix app code, based on models and route input.
  • Generated codebase includes Remix, React, Prisma, TailwindCss, admin UI, authentication and authorization.
  • Customize app using Visual Editor and fine tune using instant Preview feature
  • At any point, you can download the source code and continue development using your favorite IDE
  • Save days of development time while develop your next super app

By using RemixFast, you agree to our Cookie Policy.