Clonify is a SaaS platform providing a rich library of Framer and Figma UI assets for designers and developers. I worked as a Full Stack Developer, implementing the entire system while the UI design was provided by the client. The platform enables users to efficiently browse, preview, and use thousands of UI templates, wireframes, and sections.
I led the full-stack development, integrating a role-based user system, plan-based customer access, and payment system via Paddle, while ensuring a fast, scalable, and responsive platform.
Responsibilities
Developed full-stack functionality using Next.js and PayloadCMS
Implemented asset browsing, preview, and management for thousands of UI components
Built role-based access control to manage feature access based on subscription plans
Integrated Paddle payment system for subscription billing and plan management
Optimized performance using lazy loading, custom caching, and speed optimizations
Ensured faithful implementation of client-provided UI designs
Key Features
Browse and preview 1,000+ UI sections and wireframes
Role-based access system tied to subscription plans
Fast and responsive frontend with lazy loading and custom caching
Fully CMS-driven content with PayloadCMS
Payment & subscription management via Paddle
Mobile-first responsive design
Challenges & Solutions
1. Speed Optimization & Large Asset Library
Challenge: Displaying thousands of UI sections without slowing the platform
Solution: Implemented lazy loading, custom caching, and optimized database queries
2. Role-Based Access & Subscription Plans
Challenge: Different plans required different levels of feature access
Solution: Designed a role-based system integrated with Paddle subscriptions, ensuring proper plan enforcement
3. Frontend Consistency with Client Designs
Challenge: Implementing UI exactly as provided in Figma/Framer
Solution: Built a pixel-perfect frontend using Next.js and responsive layouts