Merchant Lending UI Library

library
Image

Built on top of Storybook, a well-known open source tool for documenting UI components. Many useful features already supported out of the box, making UI development easier.

Image

Not only ready-to-use UI components, we also provided CSS classes for styling typography, shadow and color, making your UI always consistent.

Image

Simulate many component's variants with the power of Storybook. Preview components before implemented in the real UI.

Image

Another advantage of using Storybook is we already have responsive documentation out of the box. Revisit the documentation wherever you are, using desktop or mobile device.

Tags

react javascript typescript tailwind design-system library

Explore more projects

Bayar Tempo: Credits for Shop Owners thumbnail

Bayar Tempo: Credits for Shop Owners

mobile web

"Bayar Tempo" is a web-based solution designed to empower small shop owners, known as "warung" in Indonesia, by providing them with extra credits to maintain their stock levels. This innovative platform enhances customer loyalty and satisfaction while creating an additional revenue stream for Bukalapak. Utilizing cutting-edge technologies like Vue.js, micro-frontends, and Kubernetes on Google Cloud Platform, the project showcases my expertise in frontend development and unit testing, ensuring a robust and scalable application.

Learn More
BL PayLater: Credits for Online Shopper thumbnail

BL PayLater: Credits for Online Shopper

mobile web

Bukalapak PayLater is a financing product aimed at enhancing the buying power of online shoppers. My role involved synchronizing our system with loan partner behaviors, ensuring seamless collaboration while adhering to Bukalapak's design guidelines. Utilizing technologies like Vue.js, micro frontends, and Google Cloud Platform, I optimized user experience and performance, achieving fast and delightful user experience.

Learn More
React Tailwind Snippets thumbnail

React Tailwind Snippets

website

Collection of UI patterns built using Tailwind CSS for React applications.

Preview Learn More
Kargo Brokerage TMS thumbnail

Kargo Brokerage TMS

dashboard

A comprehensive Transportation Management System (TMS) for Kargo's internal team, aimed at managing thousands of shipments efficiently. By streamlining processes, we enabled the operational team to scale their handling capacity. Key features include centralized document collection, fee and invoice management, optimized pagination for faster loading, and innovative shipment ordering through WhatsApp automation and ChatGPT integration.

Learn More
Lawyer Real-time Consultation thumbnail

Lawyer Real-time Consultation

website

A real-time chat platform for legal consultations using WebSocket technology. This project enables seamless communication between clients and lawyers, providing instant support and media sharing capabilities. Designed with a user-friendly interface to cater to individuals seeking expert advice efficiently.

Learn More
BukaModal: Capital Loan for Online Sellers thumbnail

BukaModal: Capital Loan for Online Sellers

mobile web

BukaModal is a transformative project designed to empower online sellers on the Bukalapak marketplace by providing accessible loans. This initiative enables sellers to grow their businesses through increased stock, store expansion, and skilled staff hiring. Leveraging cutting-edge web development technologies, including Vue.js and micro frontend architecture, we created a seamless mobile-first experience. The project successfully unlocked new revenue streams for Bukalapak, enhancing seller engagement and satisfaction.

Learn More
Invoiza: Invoice Generator thumbnail

Invoiza: Invoice Generator

website

Create and manage invoices with customized template, duplicate invoices and Generate PDF.

Preview Learn More
next-ts-tailwind-starter thumbnail

next-ts-tailwind-starter

starter-kit

Starter kit for Next.js project packed with TypeScript, Tailwind and many more stuff.

Preview Learn More
Kargo Nexus: TMS for Enterprise and Vendors thumbnail

Kargo Nexus: TMS for Enterprise and Vendors

dashboard

Kargo Nexus is a cutting-edge Transportation Management System designed for enterprise companies and truck vendors. As a Frontend Engineer, I utilized React, Ant Design, and GraphQL to create a responsive and user-friendly interface. The platform digitalizes conventional logistics processes, ensuring transparent shipping and reducing fraud potential. Key features include GPS tracking, PDF generation, and CSV processing, streamlining operations and enhancing user experience.

Preview Learn More