Turn Your Static Website Into a Web App in Minutes
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!
Build faster than ever
Ship products 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.
A Super-Powered Workflow
A 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
Batteries Included
Everything You Need to Build a Working Web App
Create a fully-functional web application that your users can sign into and modify — all with just HTML.
Build 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
