📋 PasteBox
Transform messy pasted data into clean, validated lists. Perfect for enterprise dashboards and admin panels.
🎮 Try It Live
Paste the sample data below or try your own messy data!
📋 Sample Data - Copy & Paste This:
A123, B456
C789; INVALID-001
SKU-999 ITEM-001
A123 (duplicate)
C789; INVALID-001
SKU-999 ITEM-001
A123 (duplicate)
Lightning Fast
Handles 10,000+ values efficiently with smart parsing and optimized algorithms.
Smart Parsing
Auto-detects delimiters (commas, newlines, tabs, semicolons) and normalizes data.
Flexible Validation
In-memory sets, async API validation, or custom validation functions.
Visual Feedback
Real-time counts, lists, and copy-to-clipboard functionality.
React Ready
Drop-in component with full TypeScript support and modern React patterns.
Headless Core
Framework-agnostic core utilities for any UI library or custom implementation.
🚀 Get Started
# Install both packages
npm install pastebox-react pastebox-core
import { PasteSelect } from "pastebox-react";
import { inMemorySetValidator } from "pastebox-core";
const allowedValues = new Set(["A123", "B456", "C789"]);
function App() {
return (
<PasteSelect
validate={inMemorySetValidator(allowedValues)}
onChange={(result) => {
console.log(`✅ ${result.validate.valid.length} valid`);
}}
/>
);
}