Turn your design into a working web app in 30 minutes
Meet Remake, an open source framework for making web apps with just HTML and CSS.
Your Design. Made Functional.
Experience what you can build with Remake
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)
Full web apps with a bit of HTML
Persistent data, user accounts, data saving
Click to edit a todo
Todos (sort, add, remove, and edit)
- Finish designing website
- Create app prototype
- Edit voiceover audio
<div object>
<h2>Todos</h2>
<ul class="todos" key="todos" array sortable>
{{#for todo in todos}}
<li
class="todo"
object
key:text="@innerText"
edit:text
>{{ default todo.text "New todo item" }}</li>
{{/for}}
</ul>
<button class="add-todo" 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;
}
The attributes in the code above tell Remake:
Which elements have data
Which elements users can move
What data the user can edit
Remake takes care of the rest, turning it into an app.
It couldn’t be that easy... could it?
Web development doesn't have to be hard. Let us take you through Remake step by step.
30+ Remake Recipes (see how easy it is)
Stop Coding / Start Launching
Get a real app into the hands of real users today
Create a fully-functional web application that your users can sign into and modify — all with just HTML.
Make web apps the easy way!
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!
Sign up for instant deployments and custom domain support
Only of 100 Founder's Plans left!
Founder's Plan
Perfect for people who believe web development should be simple
$99
ONE TIME PAYMENT
Join Remake
- 1 year of the Startup plan
(hosting for 5 Remake apps with custom domain support!) - Access to Remake's online IDE when it launches, 6 months ahead of anyone else
- Access to Remake's private community (coming Q1 2021) (where I’ll post prerelease tutorials, helpful tools, and tips on how to use Remake)
- Priority support and your feature requests will be prioritized
- 20% discount on all Remake plans forever
- Contribute to independent, open source software
- Hosting for 5 web apps
- Custom domain support with SSL (available now!)
- Priority support and your feature requests will be prioritized
- Community support (Discord)
- Contribute to independent, open source software
Join our helpful communities
