Frappe · Next.js · Open-Source

Products &
solutions built
on Frappe.

We ship Petal — a modern Next.js frontend framework that replaces Frappe Desk — and EduSuite — a purpose-built school management system on Frappe. We also deliver custom Frappe implementations for manufacturing, retail, and trade.

ClickOneERP
Products & Studio
Active
🌸
Petal
Next.js UI framework for Frappe
Open Framework
🎓
EduSuite
Purpose-built school management
SaaS · Self-host
⚙️
Custom Frappe
Manufacturing, retail, trade
Bespoke
8y
Frappe Expertise
25+
Projects Delivered
2
Own Products
Frappe Agencies· Schools & Colleges· Coaching Institutes· Manufacturing· Retail & E-commerce· Trade & Distribution· Frappe Developers· Next.js · TypeScript · Tailwind· Frappe Agencies· Schools & Colleges· Coaching Institutes· Manufacturing· Retail & E-commerce· Trade & Distribution· Frappe Developers· Next.js · TypeScript · Tailwind·

Petal — a modern Next.js
frontend for Frappe.

Frappe is a powerful backend. Its default UI isn't keeping up. Petal replaces Frappe Desk with a fast, beautiful, fully brandable interface — built on Next.js, TypeScript, and Tailwind CSS. Your backend stays exactly as it is.

Full Form Engine — Driven by Frappe Metadata
Renders any DocType with correct field types, child tables, link fields, depends_on expressions, read/edit modes, and validations — all from Frappe's existing meta. No re-configuration needed.
🎨
Fully Brandable — Your Colours, Your Logo
Runtime-configurable theme: primary colour, border radius, font, light/dark mode. Deliver a UI that looks built for your client — not a modified Frappe Desk with a theme bolted on.
🔌
Custom App SDK — Extend Without Limits
Ship your Frappe apps as Petal modules with a single petal.hooks.ts file. Extend the sidebar, routes, field behaviours, and form actions without touching core.
petal.hooks.ts → sidebar · form_overrides · routes
📦
@petal/ui — 30+ Production Components
ChildTable, FieldInput, LinkField, DatePicker, DocList, FrappeChart, GlobalSearch, SidebarNav, and more — all typed, accessible, and ready to use.
📱
Mobile-First, Fast by Default
Fully responsive from day one — forms, list views, and workspaces all work on phones, tablets, and desktops. Next.js page routing means instant transitions, not full reloads.
🏢
Frappe Agencies
Win clients by delivering a modern, branded Frappe experience. Stand apart from every agency still shipping vanilla Frappe Desk.
👨‍💻
Frappe Developers
Build on a modern TypeScript stack. React, Tailwind, and a real component library — finally a Frappe frontend you actually want to work in.
🚀
Product Teams
Use Frappe as your backend and ship a product-quality frontend. Petal handles the framework so your team can focus on what makes your product unique.
🌸
Petal
Next.js UI Framework for Frappe
v1 · Active
Architecture
🎨 Your App — petal.hooks.ts
🌸 @petal/core — Next.js 14 · App Router
📦 @petal/ui — 30+ components · @petal/sdk
🐍 Any Frappe site — nothing changes underneath
Next.js 14 TypeScript Tailwind CSS Radix UI Zustand pnpm workspaces Turborepo

EduSuite — school management,
built independently on Frappe.

A purpose-built educational management system developed from the ground up on Frappe — not a plugin, not a bolt-on. Admissions to results, fees to attendance — everything your institution needs in one place.

🎓
EduSuite
School & Coaching Management
Live
Core Modules
📋 Admissions
📅 Attendance
💰 Fee Management
📊 Marks & Results
📚 Timetable
📣 Communication
👨‍🏫 Staff & HR
📈 Reports
Built For
K-12 Schools Colleges Coaching Centers Tuition Classes Ed-Tech
💳
Fee Collection & Tracking
Structured fee heads, payment schedules, instalment plans, and automated reminders. Track outstanding dues per student with full payment history and PDF receipts.
📋
Streamlined Admissions
Online enquiry to enrolment workflow — application form, document collection, class assignment, and ID card generation. Works for both schools and coaching batches.
📅
Attendance & Leave Management
Student and staff attendance with daily, weekly, and monthly reports. SMS and WhatsApp alerts for absences. Integrates with timetable for period-wise tracking.
📊
Examinations & Results
Configurable exam structures, mark entry, grade calculations, and automated result cards. Handles continuous assessment, semester, and annual exam patterns.
🧱
Built from Scratch on Frappe — Not a Plugin
EduSuite is an independent Frappe application with its own custom DocTypes, workflows, and data model — purpose-built for educational institutions. It runs on Frappe's framework, not as an add-on to any existing ERP. Cloud-hosted or self-hosted, your choice.
🏫
Schools & Colleges
Complete institution management — from admissions to alumni. Cloud-hosted or on-premises, your choice.
📖
Coaching Institutes
Manage multiple batches, track student progress, collect fees, and send automated updates to parents.
🛠️
Custom Implementation
Need a tailored version? We build custom modules and workflows on top of EduSuite for your specific institution.

Every sector. Senior-led. Built right.

Beyond our own products — we take on full Frappe/ERPNext implementations and custom app development for businesses across all sectors.

01
🏭

Manufacturing

Bill of Materials, Work Orders, Quality Inspection, Subcontracting, and Shop Floor management — configured for your production process, not a generic template.

BOMWork OrdersQC
02
🛒

Retail & E-commerce

POS, multi-location inventory, e-commerce integration, loyalty programs, and customer analytics. Connect your online store with Frappe stock in real time.

POSMulti-locationE-commerce
03
📦

Trade & Distribution

Purchase, sales, and inter-company transactions across multiple branches. Batch tracking, expiry management, and distributor portals on Frappe.

Batch TrackingMulti-branchPortals
04
⚙️

Custom Frappe Apps

Purpose-built apps with custom DocTypes, workflows, server scripts, and scheduled jobs — extending Frappe exactly where you need it. Nothing off-the-shelf.

DocTypesWorkflowsReports
05
🔗

Integrations & APIs

Connect Frappe to payment gateways, e-commerce platforms, logistics providers, or any third-party system via REST, webhooks, or custom middleware.

RESTWebhooksPayments
06
🤝

Agency White-label

Already a Frappe agency? We work as your technical delivery partner — senior code quality, your brand, your client relationship intact.

White-labelNDASubcontract

Products AND expertise — under one roof.

We don't just build software for clients. We build and maintain our own products — Petal and EduSuite. That means we eat our own cooking.

01
We Ship Products, Not Just Projects
Petal is a real Next.js framework we maintain and run in production. EduSuite is a standalone Frappe app we've built from scratch. When you use our products or engage us for a project, you're working with a team that builds at this level every day.
02
8 Years of Frappe — Deep Expertise
From v12 to v15, we've seen every major Frappe change. That depth means faster debugging, smarter architecture decisions, and less rework on your project. You don't pay for our learning curve.
03
Full-stack: Frappe Backend + Modern Frontend
Most Frappe studios can't build the frontend. Most frontend teams don't know Frappe. We built Petal specifically because we live at that intersection — and our clients get both sides from one team.
04
Transparent Scoping, No Surprises
We document deliverables before writing a line of code. Fixed price where possible. Weekly demos. Direct communication — no agency layers, no vague timelines, no surprise invoices.

From first call to go-live in 5 steps

Whether you're adopting Petal, deploying EduSuite, or starting a custom Frappe project — the same transparent process applies.

01

Free Discovery

30-min call to understand your goals, stack, and current pain points

02

Scoped Proposal

Clear deliverables, timeline, and fixed price — before any work begins

03

Build & Review

Weekly demos, async updates, direct access via Slack or WhatsApp

04

UAT & Training

Test with your team, full documentation, and role-based training

05

Go Live + Care

Hands-on go-live support and 30-day post-launch warranty included

What brings you here?

Pick the path that fits — or just email us and we'll figure it out together.

Give your Frappe project a UI people will love.

Whether you're an agency, a freelancer, or a product team — Petal gives you a modern, brandable Next.js frontend for Frappe that stands apart from everything else in the market.

Modernise your institution with EduSuite.

Book a free demo and see EduSuite in action. We'll walk you through fees, admissions, attendance, and results — and customise it for your institution's workflow.

Let's scope your custom Frappe project.

Tell us about your sector, your pain points, and your timeline. We'll come back with a clear scope, a realistic timeline, and an honest price — no fluff.