beta v1.0.0 Now Available

LANGUAGE

STYLER

View on GitHub
Scroll to explore
Real-time Statistics

By the Numbers

Join thousands of developers who trust Language Styler for their multilingual projects

Trusted by Developers Worldwide

From startups to enterprise companies, Language Styler powers multilingual applications across the globe. Join our growing community of developers who choose performance and reliability.

Live updates
Real-time npm downloads
GitHub API integration
Why Choose Language Styler?

Powerful Features

Built for performance, designed for developers, loved by users worldwide

Lightning Fast

Process 500,000+ characters per second with optimized algorithms and smart caching

Production Ready

Battle-tested with comprehensive error handling, TypeScript support, and zero dependencies

Minimal DOM

90%+ reduction in DOM nodes compared to character-by-character approaches

Custom Styling

Full control over fonts, colors, and CSS classes for each language with theme support

RTL Support

Native support for right-to-left languages like Arabic, Hebrew, and Urdu

Smart Detection

Advanced Unicode-based detection with language priority handling and custom rules

Developer Friendly

Comprehensive TypeScript support, React hooks, and extensive documentation

Framework Agnostic

Works with React, Vue, Angular, or vanilla JavaScript with consistent API

Ready to experience the power of Language Styler?

Powerful Features

Everything you need to handle multilingual text with confidence

Global Language Support

Real-time Stats

Lightning Fast

500K+ chars/sec processing speed

Production Ready

Battle-tested & secure

Live Code Editor

javascript

Key Features

  • 50+ Languages
  • RTL Support
  • TypeScript Ready
  • Zero Dependencies

90% DOM Reduction

Smart text merging algorithm

90%

See It In Action

Experience the magic of multilingual text detection and styling in real-time

Input Text

আজকের দিনটি খুবই special! আমি আমার প্রথম blog লিখছি — এতে আমি বাংলা, English 11, العربية, 中文, 한국어 ভাষা একসাথে use করব।
Description:Multiple languages in a single sentence

Styled Output

আজকের দিনটি খুবই special! আমি আমার প্রথম blog লিখছিএতে আমি বাংলা, English 11, العربية, 中文, 한국어 ভাষা একসাথে use করব
Detected languages:
BengaliEnglishPunctuationArabicChineseKoreanHindi
2.68ms
Processing Time
95%
DOM Reduction (Research)
7
Languages Detected
31
Text Segments

Easy to Integrate

Get started with just a few lines of code. Works with any framework or vanilla JavaScript.

React Component

Drop-in React component with full TypeScript support

1import { LangStyler } from 'language-styler';
2  import 'language-styler/styles';
3  
4  function BlogPost() {
5    return (
6      <LangStyler
7        languages={['Bengali', 'English', 'Arabic']}
8        enableRTL={true}
9        enableFonts={true}
10        customClasses={{
11          Bengali: 'text-blue-600 font-medium',
12          Arabic: 'text-amber-600 font-medium'
13        }}
14      >
15        <article>
16          <h1>আমাদের website এ welcome!</h1>
17          <p>
18            This is a multilingual article যেখানে আমরা 
19            multiple languages ব্যবহার করেছি। هذا مثال 
20            على النص متعدد اللغات.
21          </p>
22        </article>
23      </LangStyler>
24    );
25  }

📚 Documentation

Complete API reference and guides

Docs

🎮 Playground

Try Language Styler in your browser

Playground

💬 Community

Join our Discord community

Discord
Ready to Get Started?

Get Started

Install Language Styler in seconds and start detecting multilingual text

npm

npm install language-styler

yarn

yarn add language-styler

pnpm

pnpm add language-styler

bun

bun add language-styler
Terminal
$npm install language-styler
✓ Downloading language-styler...
✓ Installing dependencies...
✓ Package installed successfully!

Quick Start Guide

1

Install Package

Choose your preferred package manager

npm install language-styler
2

Import & Use

Start using in your React app

import { LangStyler } from 'language-styler';
import 'language-styler/styles';

<LangStyler>
  <p>আজকের দিনটি special!</p>
</LangStyler>
3

Customize

Configure languages and styling

<LangStyler
  languages={['Bengali', 'English']}
  enableRTL={true}
  customClasses={{
    Bengali: 'my-bengali-style'
  }}
>
  Your content here
</LangStyler>

You're All Set! 🎉

Language Styler is now installed and ready to use. Check out our documentation for advanced features and customization options.