Make fully interactive web apps using only HTML
User accounts & editable data in 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
Step-by-step guided tour:
A framework and a platform
A new way to build web apps
Low code, fast results
Ship your side project now
Remake is for anyone who wants to turn their idea into a web app in a matter of hours — not weeks.
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
HTML + CSS = Web Application
Remake lets you convert your website-building skills into web-app-making skills.
“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
Open Source, Full-Stack, Node.js
Server-rendered with built-in client-side CRUD components for a delightful development experience.
Get Started
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
