Quoty - An elegant quote and invoice template built with Tailwind CSS
A minimal quote and invoice template for freelancers to send sharable proposals and accept payments via a self-hosted checkout. Includes proposal, milestone, checkout, and contact pages with light and dark layouts.
Includes 3 template versions
HTML template
Next.js template
Vue.js template
Layouts adapt smoothly across phones, tablets, and desktop screens for client-friendly viewing.
Includes both light and dark versions so proposals match your brand style.
Includes proposal and detail-style pages for specs, deliverables, milestones, and FAQs.
Accept credit card or PayPal payments through a built-in self-hosted checkout page.
Downloadable Figma design file is provided as a visual reference for customization.
Send professional proposals and invoices with a ready-to-use template
We're excited to share with you Quoty, a minimalist yet powerful quote and invoice template, from one of the best Tailwind CSS template creators, Cruip. Noted for their beautifully crafted Tailwind CSS templates, Cruip has yet again raised the bar with Quoty.
Elegant, Impressively Designed Proposals
Quoty allows you to leave an unforgettable first impression on your freelance clients. Its sophisticated design lets you send aesthetically pleasing, sharable quotes, enhancing your professional image. Outmoded, less accessible PDF proposals are a thing of the past, with Quoty making way for better client communication.
Get Paid Instantly
Quoty ensures you get paid instantly and on time through its self-hosted checkout page. The page is designed to accept both credit cards and PayPal, providing your clients with a smooth and convenient payment experience.
Template Pages
Quoty packs several pages that streamline your project management:
- Proposal Page: Detail your project brief, details, specs, services, deliverables, and FAQs.
- Detail Page: Give your client an in-depth understanding of the services and deliverables you offer and what each entails.
- Self-Checkout Page: Enable instant payments and speed up your invoice processing.
- Contact Me Page: Beautifully designed contact page where clients can get a hold of you.
All of these, complemented with both white and dark layouts, gives you the flexibility to adapt Quoty to your personal style.
Tech Stack
Quoty has been built using the latest technologies, ensuring smooth performance and easy customization:
- HTML Template: Crafted with Tailwind CSS v4 and Alpine.js v3. Shipped with pre-compiled CSS, changes are easy via Tailwind CLI.
- Next.js Template: Developed with Next.js 16 and TypeScript support, along with Tailwind CSS v4.
- Vue Template: Comes with a basic app built with Vue v3, Tailwind CSS v4, and Vite v6.
Design Aesthetics
Quoty emphasizes visual appeal and interactivity. Its design elements are readily available in Figma. The template features sleek iconography from Nucleo App and captivating imagery from Unsplash.
In a nutshell, Quoty caters to modern freelancers striving for a balance between elegance and professionalism. With Quoty, make your proposals not just a medium of communication, but a statement of your commitment and quality.
