Template specs
This template is available for multiple frameworks, when you purchase the template you can download each version in a seperate .zip file.
HTML TemplateBuilt with Tailwind CSS v4 and Alpine.js v3.
Next.js TemplateBuilt with Next.js 16, TypeScript and styled with Tailwind CSS v4.
Vue TemplateA Vue 3 app built with Vite v6 and Tailwind CSS v4.
Figma Design FileA Figma file is included as a visual reference.
About this template
Quoty is a minimal quote and invoice template built with Tailwind CSS. With Quoty, you can send beautifully designed proposals to your clients and get paid instantly with credit cards or Paypal. This template was developed to help freelancers of all types send beautiful and sharable quotes to their clients and make an outstanding impact when the first impression counts the most.
Unattractive old-fashioned proposals in PDFs are things of the past for modern freelancers as they look unprofessional and not very accessible on all devices. With this template, you can convert potential clients into customers and get paid on time using the self-hosted checkout page.
What’s included
This template contains a proposal page for project specs, milestones, deliverables, and FAQs; a milestone post page (similar to a job post page); a self-checkout page; and a contact me page reachable via bottom call to actions. Quoty is available in both white and dark layouts.
Built for
This template is developed for modern freelancers who want to send proposals to their clients in an elegant and professional way.
FAQ
- Yes! You can use this template for an unlimited number of personal and commercial projects. These can include commercial landing pages, websites, or SaaS applications that end users pay to access.
- If you're a freelancer or agency, you can use this templates for your client projects. Please be aware that the final outcome must still adhere to our Terms & License agreement.
- Yes, you can take sections from one template to another, but since every template has a custom tailwind.config.json file it may require a bit of review work. For example, if you want to paste a section of Cube into Neon, you'll have to swap any
font-hkgroteskclass from Cube code tofont-uncut-sans. Also, you might want to check that the color classes match the color scheme of the destination template. - Unfortunately, we cannot provide support for using frameworks or site generators that are not explicitly advertised as compatible with our templates. However, you can set up your own environment and import the necessary components or elements from our templates into your application. By doing so, you will be able to customize the integration to meet your specific needs.
- A Figma file is available for this template. However, since our primary focus is on providing quality code for developers, this design file serves solely as a visual reference and is not organized into complex auto layouts or dynamic components. You can download a free Figma file from our public page to see how our design files are structured.