Skip to content

remake/remake-framework

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Remake

Build full-stack web apps with only HTML and CSS


License Discord Channel Sponsor Remake Twitter

Remake is an open-source framework for creating editable web apps with just a few custom HTML attributes.

💎 Simple, easy-to-learn syntax
👨‍👩‍👧‍👦 User accounts & database built-in
✍️ Inline editing & uploads for all users
🚫 No backend coding! (unless you want to 👩‍💻)

👉 Get started with the full docs! 📖

🤔 Why Remake?

"Remake gives me an entirely new feeling of comfort around coding. It's what I imagine web development should be." — Arav Narula

Diagram of how Remake works

Remake does what most frameworks do in 100 lines of code in 1 line of HTML.

<h1 object key:text="@innerText" edit:text>{{text}}</h1>

This 👆 is a full app that users can login to. Each user can edit & share their own copy of this site! 📰 📰 📰

👩‍🎨 Let people use something you designed — right away.

Remake is:

🏭 Full-stack apps with just front-end code

Remake takes care of the rest: user accounts, persistent data, instant deployments, and routing. Each user gets their own account and data.

🛩 Real apps — not just prototypes

Remake feels like prototyping because it was designed to. The goal was to make web development feel like using a single template and a single JSON file.

🎨 100% control of your design

Remake is open source. You own the code. There's no platform lock-in and you have 100% control over your app's design.

🌍 Secure, scalable, and fast

Highly secure authentication. And server-rendered, so your pages load quickly even on low-power devices and slow connections.

👩‍🏫 Get started

1. Install Node.js (12.16+)

2. Create a project using the Remake CLI

npx remake create my-app

3. Run the project

cd my-app
npm run dev

You now have an app running at http://localhost:3000. Your app's code is in the /app directory and your database is in the /app/data directory.

👉 Dive into the recipes 🤿

👨‍🏭 What can you build?

Remake is perfect for building page builders, where each of your users can edit their own content.

👉 Other project ideas 👩‍💻

Trello clone built with Remake

⬆️ A Trello clone app built in Remake

💾 Tech Stack

Built on Express.js
Uses Passport.js and Bcrypt to secure user accounts
Handlebars renders templates server-side
One-click file uploads with express-fileupload
One line instant deploy with remake deploy
Syncs client state and server state automatically
Built-in inline edit popovers

🚀 Remake’s Mission

⚖️ Remake's goal is to equalize power on the internet.

A few companies own the platforms the rest of us publish on — but owning our own platform is usually out of the question. Remake lets you build your own platform with very little effort — using just HTML & CSS.

👉 Join our Discord community 💬

👩‍💻 Contributing

Remake is open-source and contributions are desired 😍

If you identify with Remake's mission, we'd be delighted to have you:

  • Test & report bugs
  • Suggest features / fix issues
  • Improve the documentation
  • Or just email me!

👉 Create your first issue

👩‍💻 Our Contributors

About

Remake framework used by the Remake CLI to generate new projects

Resources

License

Stars

Watchers

Forks

Packages

No packages published