The Ultimate Solution for Your Next.js Websites
Next.js Component Library
Ready-Made Components for Next.js Websites
A Next.js-optimized implementation of the PLGOS component suite, leveraging Next.js's hybrid rendering capabilities. The library provides Next.js-compatible components for Onboarding flows, Interactive Tutorials, and Walkthrough features with automatic static optimization. It includes SSR-friendly Chart implementations (Line, Bar, Scatter, Pie) for analytics visualization, along with Next.js-optimized implementations of Gamified Quizzes and Daily Streak tracking. The library offers Next.js-compatible Survey components (NPS, Customer Satisfaction, Feature Usage) with API route integration, along with Next.js-based Toast notifications and Alert systems.
Onboarding
Powerful components for rapid PLG onboarding, seamlessly enhancing the user experience through interconnected design.
Onboarding Quiz
Interactive guide to help users get started with the application.
Get Started Guide
Quick start guide for exploring application features.
Walkthroughs
Step-by-step visual guide for tutorials and quests.
Tutorial
Task list manager with progress tracking and completion markers.
User Assistance
The components that will help a PLG product to make the user experience easier and help them adopt the product faster and use it more effectively.
Search Bar
Keyboard-accessible search interface with result navigation.
Help Hub
Central help center with AI chatbot support.
Feedback Workflow
Interface for user communication and issue reporting.
Inline Feedback
Simple tool for collecting user ratings and comments.
Survey
Versatile form builder for collecting user responses.
Credits Popup
Customizable popup for displaying notifications and information.
User Experience Feedback Survey
Collects feedback about overall user experience.
Onboarding Experience Survey
Gathers feedback about initial user experience.
Customer Satisfaction Survey
Measures and collects customer satisfaction data.
Feature Usage Survey
Tracks and analyzes feature adoption patterns.
Support Satisfaction Survey
Measures and collects customer satisfaction data.
Net Promoter Score
Measures customer loyalty and satisfaction metrics.
Gamification
The components that will help a PLG product to make the user experience more fun and it directly impact the usage or the product and WAUs of the product.
Daily Streaks
Tracks and displays user's consecutive daily activity metrics.
Badges
Visual representation of user achievements.
Gamified Quiz
Interactive quiz component with gaming elements.
Leaderboard
Displays competitive rankings based on user performance.
Challenges
Interactive component for managing user challenges and responses.
Spin the Wheel
Interactive spinning wheel for rewards and gamification.
Scratch the Card
Virtual scratch-off card for revealing rewards or prizes.
Expansion
The components that will help a PLG product to make the user experience more fun and it directly impact the usage or the product and WAUs of the product.
Referrals
System for managing user referrals and rewards.
Cross-Selling
Suggests additional products based on user behavior.
General
The components can fit into any cateory and are super common/basic. Towards the end of every video/lanch these components can complement it.
Alerts
Temporary popup message system with multiple styles.
Login
Secure user authentication interface.
Pricing & Payment Components
Payment management system integrated with Stripe.
Confetti Components
Celebratory animation effect for special moments.
One To One Survey
Customizable survey creator for direct feedback.
Toast
Non-intrusive notification display system.
Analytics
Essential for visualizing data, these flexible chart components add clarity to any category, enhancing presentations with impactful, easy-to-read metrics and trends.
Line Chart
Visualizes data trends over time.
Scatter Chart
Displays correlation between different data points.
Combo Bar Chart
Combined bar and line visualization for data comparison.
Stacked Bar Chart
Shows cumulative data categories in bars.
Horizontal Bar Chart
Displays comparative data in horizontal format.
Stepped Line Chart
Shows progression changes in stepped intervals.
Pie chart
Circular data visualization showing proportional distribution.
Doughnut Chart
Ring-style chart showing proportional data distribution.
Multi Series Pie
Multiple pie charts for comparing group data.
Bubble Chart
Scatter plot with variable bubble sizes.
Floating Bar Chart
Bar chart showing data ranges or intervals.