Build full-stack web apps with only HTML and CSS
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! π
"Remake gives me an entirely new feeling of comfort around coding. It's what I imagine web development should be." β Arav Narula
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! π° π° π°
π 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.
1. Install Node.js (12.16+)
npx remake create my-app
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 π€Ώ
Remake is perfect for building page builders, where each of your users can edit their own content.
- Todo app (Build time: 3 min)
- Trello clone (Build time: 27 min)
- Resume builder (Build time: 42 min)
- Reading list builder (Build time: 31 min)
π Other project ideas π©βπ»
β¬οΈ A Trello clone app built in Remake
β¨ 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 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 π¬
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!
This project is tested with BrowserStack.