PayPoint UI Components Demo
Showcase of advanced PayPoint-branded UI components with modern styling and interactive features.
Default Card
This is a default PayPoint card with the signature yellow branding.
Success Card
This is a success card variant with green styling.
Warning Card
This is a warning card with close functionality.
PayPoint Buttons
Button Variants
Button Sizes
Button States
With Icons
Form Fields
We'll never share your email.
Optional feedback or comments.
Form Field Sizes
This field is required and cannot be empty.
Notification Banner
Modal Components
Status Indicators
Standard Status
Active
Pending
Failed
Processing
PayPoint Verified
With Animations
Online
Syncing
Alert
Different Sizes
Small
Medium
Large
Sample Data Table(5)
| ID | Name | Status | Type | Last Updated | Actions |
|---|---|---|---|---|---|
| 1 | PayPoint Client A | Active | Premium | 04/29/2026 06:58:24 | |
| 2 | PayPoint Client B | Pending | Standard | 04/28/2026 06:58:24 | |
| 3 | PayPoint Client C | Active | Premium | 04/27/2026 06:58:24 | |
| 4 | PayPoint Client D | Inactive | Basic | 04/25/2026 06:58:24 | |
| 5 | PayPoint Client E | Active | Premium | 04/29/2026 06:58:24 |
Loading Spinner
Key Features
- PayPoint-branded styling
- Responsive design
- Dark mode support
- Accessibility features
- Smooth animations
- Modern interactions
Technical Details
5+
Components
100%
Responsive
Modern
CSS Grid/Flexbox
Fast
Performance
Processing your request...
Please wait while we load the data