Fuse and Fuzzy

Choose the right component for your use case

Fuzzy

Original

Educational and transparent search component with adjustable threshold slider

Best For:

  • 📚 Learning fuzzy search concepts
  • 🔍 Understanding match scoring
  • 🎓 Educational demos
  • 📊 Data exploration tools

Try It:

✅ Pros

  • Live threshold adjustment
  • Visible match scores
  • Educational value
  • Transparent matching

❌ Cons

  • No result highlighting
  • No keyboard navigation
  • Results always visible
  • Basic UI

Fuse

Recommended

Modern search component with dropdown results, highlighting, and keyboard navigation

Best For:

  • 🛍️ E-commerce product search
  • 📝 Documentation search
  • 🎯 Autocomplete/typeahead
  • 💼 Production applications

Try It:

✅ Pros

  • Match highlighting
  • Keyboard navigation
  • Modern dropdown UI
  • Selection callbacks
  • Accessibility ready

❌ Cons

  • No threshold slider
  • Fixed threshold
  • More complex API

Feature Comparison

FeatureFuzzyFuse
Fuzzy Search✅✅
Match Highlighting❌✅
Keyboard Navigation❌✅
Adjustable Threshold✅ (Live slider)✅ (Prop only)
Match Scores✅ Always shown✅ Optional
Selection Callback❌✅
Search Callback❌✅
Dropdown UI❌✅
Dark Mode❌✅
ARIA SupportBasicFull
Debouncing✅✅
TypeScript✅✅

Which Should You Use?

Use Fuzzy When:

  • You want users to understand how fuzzy search works
  • You need to demonstrate match scoring
  • You want users to experiment with thresholds
  • You're building educational content
  • You need a simple, transparent search
Fuzzy Demo →

Use Fuse When:

  • You're building a production application
  • You want a polished user experience
  • You need keyboard navigation
  • You want to show highlighted matches
  • You need selection callbacks
  • You want modern dropdown UI
Fuse Demo →