Design & Prototype with Tailwind CSS
Milkey Mamo
Like this project
Posted Aug 12, 2024
This clone website of Updrafts.app, a Tailwind studio to create designs and prototypes, is a fully responsive website made with html, tailwindcss and reactjs
Likes
0
Views
0
Thousands of developers — working as freelance, for startups, or enterprises — use Updrafts.app Tailwind Studio to create their designs and prototypes, and share them with their clients.Start now — it's free
USED BY
heading image
A better way to design
Rapidly build modern websites, without writing code.
Designed for Developers
We agonize over the right abstractions so you don't need to think about class names or pixel precise offsets. Use prebuilt components and focus on customizing details instead of building the same skeletons over and over again.
Prebuilt components
Drag prebuilt components to your canvas and focus on customizing and details, instead of building the same wireframes over and over again. Use our standard components, or import your own.
Convenient pickers
All properties can be set and managed through convenient pickers. Color pickers, padding presets, font sizes, everything. There is no need to enter Tailwind CSS classnames. You still can though, if you really want.
Updates are instant
No matter what you edit, changes are instant. Hover over options for live preview, and click to commit the change. No rebuilding, no waiting, it's instant.
Always in the loop
Every project comes with a public accessible url. Use it to check the design on your mobile device, or share it with others to get feedback.
Import UI components
We support any Tailwind based component library. Import your assets from Tailwind UI, Tailwind Components, your private library, or any other source really.
Shareable preview
Designs can be shared with team members, clients or family. They don't need to install anything. Share the link, and they're ready to go, on any device.
Export pure HTML & Tailwind CSS
Designs are build on HTML and Tailwind CSS. There is no need to "convert to code", because the design is the code. We also don't use any external dependencies.
“I love how easy updrafts.app frontend work makes for me as backend developer. Being able to share these quick prototypes allow me to communicate better with my not technical team.”
Jenna Davis
Buy yourself a head start
Get early access with a big discount
Personal
$ 10 / mo
Everything in Personal, plus:
personal use
10 projects
10 pages per project
23 element types
3 layout components
inline editing
limited time offer
lifetime
Professional
$ 549$ 249 / once
Everything in Personal, plus:
one time payment
commercial use
unlimited projects
100 pages per project
11 layout components
tailwind ui integration
import & export
Professional
$ 25 / mo
Everything in Personal, plus:
commercial use
unlimited projects
100 pages per project
11 layout components
tailwind ui integration
import & export
Frequently Asked Questions
Can I try Updrafts before paying?
Sure! You can test out Updrafts on our free plan where you can experiment with 2 projects. Your projects will have a two-page limit.
Can I cancel my subscription at any time?
Yes, you can cancel your account at any time. If you do, you'll be downgraded to the free plan, where you can manage two projects. You won't be locked out of any projects that have been created during your subscription.
Is there a refundable trial period?
No, all sales are final. Try the free plan if you're not sure if it's worth paying for, or a monthly subscription to try the pro features for a small compensation.
Is Updrafts production ready?
Yes. The product is stable and works as advertised. But there are still some rough edges on the UX and not all Tailwind options are configurable trough property buttons, just yet.
Where can I find the documentation?
Documentation isn't written yet. Our focus lies on making Updrafts feature complete. Once that's done, we'll work on proper docs.
What version of tailwindcss is used?
Updrafts is tailwindcss v2 compatible. We've extended the default theme with all available tailwindcss colors.
What is a project?
A project is a website that you build in Updrafts. You can keep your projects in updrafts for free, or export the code on a paid plan.
What kind of support do you provide?
We offer chat support on this page to all accounts, as well as fast email support to paid accounts.
Can I host my site somewhere else?
On the Professional plans, you can export your website and host it anywhere you'd like. No attribution required.
How long does it take to learn Updrafts?
If you're new to building websites, you'll get up and running quickly. If you already know concepts behind CSS and Tailwind, you will feel at home in Updrafts.
Can I import my site or my code?
Yes, existing components based on Tailwind CSS can be imported.
Do you have an affiliate program?
If you have an audience you think would enjoy Updrafts, please reach out to me.
Subscribe
Stay updated about our developments, to use our latest features.
Copyright © 2024 | Made with ❤️ by milkobek