Next.js 15 SaaS Starter Kits
Building your SaaS
just got unfairly easy.
Why spend valuable time tackling auth, billing, emails, organizations, invites and onboarding? Focus on your business and skip the noise.
Pre-built pages.
Including full implementation.
Solid foundation.
With all the things you need.
AuthenticationOffer a wide range of built-in authentication options.
Billing & PaymentsLet users manage their billing and subscription plan.
DatabaseUse either the Prisma or Drizzle ORM starter kit.
Multi-TenancyInvite, join and switch between multiple organizations.
Marketing PagesShow your product and convert users with a landing page.
Mailer & TemplatesSend good looking emails to your customers.
AnalyticsTag events and track your users and their behavior.
MonitoringTrack application errors and events of your SaaS app.
DocumentationHelp your users get started with your product docs.
Mobile friendlySupport mobile devices with minimum coding effort.
High code qualityFully-typed with strict Typescript and ESLint rules.
Shadcn UIBuild faster with Shadcn UI and Tailwind CSS.
Authentication.
Own your auth stack.
Full implementation including email/password, social sign-in, MFA, account linking and session management.
Email/PasswordSign in using your email and password including verify email, change email, change password and forgot password flows.
Social Sign-inUse Google or Microsoft login or configure additional providers like Facebook or GitHub.
Multi-FactorAdd an extra layer of security with MFA/2FA using TOTP and your preferred authenticator app.
Sign in to your account
Welcome back! Please sign in to continue.
Or continue with
Multi-Tenancy.
Invite or join an organization.
Built-in support for organizations including member management, invitations and roles.
InvitationsInvite new members, assign roles and gate access to certain features based on the users' role.
RolesUse the predefined membership roles or add your own and customize them as you wish.
Transfer OwnershipGive ownership of an organization to other another member.
Organizations
Billing & Payments.
Charge for your service.
Securely accept payments on your site and start selling to customers in no time.
Billing PortalGive your users a billing portal where they can view their transactions and invoices, and manage their plans with ease.
Restricted AccessGate access to certain features or content on your site until a user has updgraded to a higher tier.
Billing GranularityChoose if you want to charge per organization or per seat.
Credits and Metered Billing (Very soon)Instead of subscriptions you can also charge based on usage - a pay-as-you-go model is essential for many AI applications.
Billing
Subscription plan
View, upgrade or cancel your subscription. We partner with Stripe to handle billings for Acme.
This organization is currently on the plan:
Pro
Current billing cycle (Mar 13 - Apr 13)
Billing breakdown
This invoice will continue updating until the end of your billing cycle.
| Item | Quantity | Unit price | Amount |
|---|---|---|---|
| Pro Plan | 2 | USD 25.00 | CHF 50.00 |
| Current costs | USD 50.00 | ||
| Projected costs | USD 50.00 | ||
Pixel-perfect UI.
Design your pages with ease.
Includes many foundational and advanced components that cover a wide range of use-cases without sacrificing flexibility and design.
Responsive DesignWe understand how challenging responsive design and UI/UX can be, so we made it easy. Open the demo with your mobile phone to see for yourself or inspect using the dev console.
Light and Dark ThemesSupports a beautiful dark theme that users can toggle with a switch button.
Shadcn UI and Tailwind CSSBased on the Shadcn UI, Tailwind CSS and Lucide Icons libraries. Almost all LLMs and AI aiding tools are trained on these.
export default function ProfilePage(): JSX.Element { return ( <Page> <PageHeader> <PageTitle>Profile</PageTitle> <PageActions> ... </PageActions> </PageHeader> <PageBody> <AnnotatedLayout> <AnnotatedSection title="Personal details" description="Your contact information." > <PersonalDetailsCard /> </AnnotatedSection> </AnnotatedLayout> </PageBody> </Page> );}One-time purchase.
Unlimited projects, forever.
Upon purchase, you can use the starter kits for personal and commercial projects with no restrictions on the number of developers or projects. Click here to download the license.
Achromatic is 40-70% more affordable than comparable Next.js starter kits. There's no catch, we believe the lower price is fair and there shouldn't be hidden charges for teams.
License
For individuals and teams working on their next big idea.
$180
one time payment
no hidden fees
All starter kits included
All features included
Authentication, billing, organization, invitations, marketing pages and more. See list of features above.
Lifetime access & updates
Unlimited projects and developers
Personal and commercial usage
Saves you 220+ hours