Make Web Apps Using HTML
Have you ever created a really nice design and wished people could just start using it? Remake lets you do that.
0:49
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;
}
Play with this!
Todos (sort, add, remove, and edit)
- Finish designing website
- Create app prototype
- Edit voiceover audio
Interactivity with Only HTML
After You've Finished Designing With HTML & CSS, You're 90% Done!
Launch Ideas Fast
Ship web apps as fast as you think them up
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.
Super-Powered HTML
A Single, Simple Language for Building Web Apps
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
A Web App Framework for Makers
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
