Petal
Petal is a comprehensive suite of tools designed to accelerate the development of Phoenix web applications by providing pre-built, customizable components and templates. It features over 100 open source HEEX components styled with Tailwind CSS, enabling developers to rapidly build user interfaces without extensive design work. The framework includes Petal Pro, a feature-rich Phoenix boilerplate that offers functionalities such as social logins, multi-tenancy support, styled components, Oban integration for background jobs, and Stripe for subscription management. Petal emphasizes rapid development, scalability, and maintainability, allowing developers to focus on building unique features rather than repetitive boilerplate code. It also provides a Figma UI kit for seamless collaboration between designers and developers. By leveraging Petal, developers can streamline their workflow, and reduce development time.
Learn more
SaaSitive
SaaSitive offers a comprehensive, step-by-step tutorial guiding developers through the process of building and deploying a real Software as a Service (SaaS) application from scratch using React and Django. The tutorial covers essential aspects of web application development, including frontend implementation with React and Redux in TypeScript, and backend development with Django and the Django Rest Framework in Python. It provides detailed instructions on user authentication processes such as login, logout, registration, email verification, and account management. Additionally, the course demonstrates how to integrate payment vendors like Paddle to accept monthly subscriptions, utilize Celery for background tasks related to data gathering, and implement data visualization on both private and public dashboards. Advanced topics include anomaly detection using machine learning models, setting up email notifications with alarms and warnings, and ensuring secure deployment to the cloud.
Learn more
ZippyStarter
ZippyStarter is a Next.js starter kit designed to expedite the development of blogs, landing pages, portfolios, and websites by providing a collection of visually appealing templates and reusable components. It leverages Next.js, integrating ContentLayer and MDX to facilitate dynamic yet static page creation. The platform comes pre-configured with essential tools such as PostCSS, Tailwind CSS, TypeScript, ESLint, and Jest, ensuring a seamless development experience. ZippyStarter emphasizes search engine optimization by offering on-page SEO configurations and structured data out of the box. It includes a variety of page templates, home, landing, about, pricing, blog, category, and portfolio pages, along with a command-line interface for generating blog posts complete with metadata, featured images, and categories. The platform supports light and dark modes, automatically applied to all components, and provides a library of UI components.
Learn more
DevReadyKit
DevReadyKit is a UI framework purpose-built for SaaS applications and developer tools dashboards, offering production-ready components crafted in React, Tailwind CSS, and TypeScript, free for commercial use. It’s designed for developers and solo founders who want to skip building their frontend from scratch and instead copy, customise, and launch polished user interfaces quickly, without needing an in-house design team. Unlike generic libraries, DevReadyKit focuses on the patterns and layouts specific to SaaS and dev-tool products, dashboards, tables, charts, cards, and auth workflows, with a “ship-ready” mindset. Users can own the code (no hidden npm dependencies), customise freely, and deploy faster. The creators are actively gathering feedback, planning expanded components, dashboard templates, and perhaps a paid tier of advanced features, while the core library remains free for commercial use.
Learn more