The free SaaS template with superpowers
- Get all the features of a modern SaaS app, in a ready-made teplate. Built on top of Wasp, the only + Get all the features of a modern SaaS app, in a ready-made template. Built on top of Wasp, the only full-stack React + NodeJS framework that builds features for you.

+ + Transistor saves up to $40,000 per year, per employee by working with us. + + + Read our case study{' '} + → + +
+Built and Ships with
- {/* Logo cloud */} -- - Transistor saves up to $40,000 per year, per employee by working with us. - - - Read our case study{' '} - → - -
-Deploy faster
-- Everything you need to deploy your app +
+ All the important stuff
- Quis tellus eget adipiscing convallis sit sit eget aliquet quis. Suspendisse eget egestas a elementum
- pulvinar et feugiat blandit at. In mi viverra elit nunc.
+ We've pre-built the important stuff.
+
Wasp does all the boring stuff.
+
You get all the credit.
--- βAmet amet eget scelerisque tellus sit neque faucibus non eleifend. Integer eu praesent at a. Ornare - arcu gravida natoque erat et cursus tortor consequat at. Vulputate gravida sociis enim nullam - ultricies habitant malesuada lorem ac.β -
-
Testimonials
+++βMy cats love it!β
+
++βI've never SaaSed so much in my life. WOO!β
+
++βI don't even know how to code. I'm just a plushie.β
+
Pricing
-- Pricing plans for teams of all sizes -
++ Pick your pricing +
- Distinctio et nulla eum soluta et neque labore quibusdam. Saepe et quasi iusto modi velit ut non voluptas - in. Explicabo id ut laborum. + Secure Stripe webhooks, and a complete subscription management system are built-in.
-
+
{tier.name}
- {tier.mostPopular ? (
-
- Most popular -
- ) : null}{tier.description}
@@ -459,7 +481,7 @@ export default function LandingPage() {
-
{tier.features.map((feature) => (
-
-
+ {feature}
))}
@@ -470,7 +492,7 @@ export default function LandingPage() {
aria-describedby={tier.id}
className={classNames(
tier.mostPopular
- ? 'bg-indigo-600 text-white shadow-sm hover:bg-indigo-500'
+ ? 'bg-yellow-500 text-white shadow-sm hover:bg-indigo-500'
: 'text-indigo-600 ring-1 ring-inset ring-indigo-200 hover:ring-indigo-300',
'mt-8 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
)}
diff --git a/src/client/NavBar.tsx b/src/client/NavBar.tsx
index 3231e59..86b60f6 100644
--- a/src/client/NavBar.tsx
+++ b/src/client/NavBar.tsx
@@ -3,6 +3,7 @@
import { Disclosure } from '@headlessui/react';
import { AiOutlineBars, AiOutlineClose, AiOutlineUser } from 'react-icons/ai';
import useAuth from '@wasp/auth/useAuth';
+import logo from './static/logo.png'
const active = 'inline-flex items-center border-b-2 border-indigo-300 px-1 pt-1 text-sm font-medium text-gray-900';
const inactive = 'inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'
diff --git a/src/client/static/magic-app-gen-logo.png b/src/client/static/magic-app-gen-logo.png
new file mode 100644
index 0000000..c6c39eb
Binary files /dev/null and b/src/client/static/magic-app-gen-logo.png differ