Build a full-stack web app with only HTML and CSS
Have you ever created a really nice design and wished people could just start using it? Remake lets you do that.
0:49
Full Web Apps with Persistent Data & User Accounts
By Adding Just a Few Attributes to Your HTML
Build. Launch. Repeat.
Ship web apps as fast as you can think of them
Remake is for anyone who wants to turn their idea into a web app in a matter of minutes — and ship it.
Launch early
Get feedback often and build something people love by launching quickly.
Test quickly
Remake is so fast to work with that building out a new feature will feel like prototyping.
Iterate easily
Spend less time building and more time with your customers.
What can I build with Remake?
Build an editable website and distribute it to thousands of users by adding a few custom HTML attributes to a static template.
See what you can build (6 min)
No Backend Coding
Make a Full-Stack Web App Using Front-End Code
Remake transforms HTML into a declarative language that's purpose-built for creating web apps!
“Remake is a game changer when it comes to rapid app prototyping. Finally, a web framework that doesn’t make you feel like you’re using a bazooka to kill a fly.”
Sergei Garcia
Sr. Software Engineer
Simple & Easy to Learn
Deploy a working web app with user accounts and editable data in only 14 lines of HTML
<div data-o-type="object">
<h2>Todos</h2>
<ul class="todos" data-o-key="todos" data-o-type="list" data-i-sortable>
{{#for todo in todos}}
<li
class="todo"
data-o-type="object"
data-l-key-text
data-i-editable
>{{ default todo.text "New todo item" }}</li>
{{/for}}
</ul>
<button class="add-todo" data-i-new="todo">Add Todo</button>
</div>
body {
padding: 1.75rem 1.5rem 0 1.5rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: #fff;
color: #212529;
}
h2 {
margin-bottom: 1rem;
color: #7048e8;
font-size: 24px;
}
.text-light {
position: relative;
top: -1px;
opacity: .5;
font-size: 18px;
}
.todos {
list-style-type: none;
margin: 0 0 1.25rem 0;
padding: 0;
max-width: 320px;
}
.todo {
margin-bottom: 10px;
padding: 5px 12px 7px;
color: #5536b2;
background-color: #f3f0ff;
border: 1px solid #9775fa;
border-radius: 5px;
cursor: pointer;
}
.todo:hover {
background-color: #e5dbff;
border: 1px solid #845ef7;
}
.add-todo {
padding: 8px 16px 10px;
color: #fff;
background-color: #7048e8;
border-radius: 5px;
}
.add-todo:hover {
opacity: .85;
}
1. Edit & reorder the todos
2. See the data change!
2. See the data change!
Todos (sort, add, remove, and edit)
- Finish designing website
- Create app prototype
- Edit voiceover audio
The data attributes in the code example above tell Remake:
Which HTML elements contain data.
Which data the user can edit.
Which elements users can drag to move.
How to structure the data as it's saved.
...and Remake takes care of the rest, turning this HTML template into a full-stack web app with persistent data and user accounts.
Stop Coding / Start Launching
Everything You Need Is Included
Create a fully-functional web application that your users can sign into and modify — all with just HTML.
Start Building Web Apps Faster
Editable areas built in. Simply tell Remake which data is editable and it'll take care of the rest!
User accounts ready to go. Email & password sign up + login — all ready to go from your first line of code.
Instant deployment. After you have a Remake app, it’s just a single command to deploy it!
Learn at your own pace.
Receive a Remake lesson in your inbox every day.
Sign up for one bite-sized course, every day, for 8 days.
Join our helpful communities
