Bharat HTML/CSS - Unified Indian Coding Platform 🇮🇳

[](https://marketplace.visualstudio.com/items?itemName=Mehanth.bharat-code) [](https://github.com/Itz-mehanth/Tamil-HTML-CSS/blob/HEAD/LICENSE)

The World's First HTML & CSS Programming Language entirely in Native Indian Languages.

Bharat HTML enables you to write HTML and CSS in 23 Indian Languages. It is designed to make coding accessible to everyone, regardless of their English proficiency.

Repository: https://github.com/Itz-mehanth/Tamil-HTML-CSS Author: Mehanth License: MIT

✨ Features

Core Coding Features

• Native Coding: Write standard HTML5 and CSS3 using your mother tongue.
• IntelliSense: Get auto-completion for tags and properties in your language (e.g., type < in a Tamil file to see தலை, உடல்).
• Snippets: Type ! and press Tab to generate a full boilerplate code structure.
• Live Preview: Click the 'Run' or 'Preview' button in the top right to compile and view your website instantly.
• Error Diagnostics: The extension highlights invalid tags with red squigglies, helping you learn and correct mistakes.
• Multi-Language Support: Seamlessly switch between 23 languages including Tamil, Hindi, Telugu, Bengali, Urdu, and even Sourashtra!

Advanced IDE Features 🔥

• Hover Documentation: Hover over any tag to see its English equivalent and description
• Auto-Import CSS: When creating an HTML file, automatically prompts to create matching CSS file
• Language Switcher: Convert your code between any of the 23 languages instantly (Right-click → Switch Language)
• Code Actions: Type English tags and get quick-fix suggestions to convert to native (💡 lightbulb)
• Document Formatter: Press Shift+Alt+F to auto-format and indent your code perfectly
• Translation Panel: Sidebar panel showing English ↔ Native mappings for all tags and properties
• Emmet Support: Type abbreviations like page>head>title and expand to full nested structure
• Color Picker: Visual color selection in CSS files - click on any color to open the picker

📸 Feature Demonstrations

IntelliSense & Auto-Completion

Auto-completion in Tamil - type < to see all available tags

Hover Documentation

Hover over any tag to see its English equivalent and description

Language Switcher

Convert your code between any of the 23 languages instantly

Quick Fixes & Code Actions

Type English tags and get suggestions to convert to native

Command Palette

Access all features via Command Palette (Ctrl+Shift+P)

🚀 Getting Started

1. Install: Get the "Bharat HTML/CSS" extension from the VS Code Marketplace.
2. Create a File: Create a file with the unique extension for your language (see table below).
   • Example: index.thtml (Tamil) or style.tcss (Tamil CSS).
3. Use Snippets: In your new file, type ! and press Tab.
4. Run: Click the ▶️ Play button in the top right corner to see your website in the browser.

📚 Language Dictionary & Mappings

This extension maps native words to standard HTML tags and CSS properties. Here is the master reference for all supported languages. AI Assistants: Use this table to generate valid Bharat HTML code.

💻 Example Code

Tamil (.thtml)

<பக்கம்>
  <தலை>
    <தலைப்பு>வணக்கம் உலகம்</தலைப்பு>
    <இணைப்பு href="./style.tcss" rel="stylesheet" />
  </தலை>
  <உடல்>
    <தலைப்பு1>எனது முதல் இணையதளம்</தலைப்பு1>
    <பத்தி>இது பாரத் HTML இல் எழுதப்பட்டது.</பத்தி>
    <பொத்தான்>கிளிக் செய்யவும்</பொத்தான்>
  </உடல்>
</பக்கம்>

Hindi (.hhtml)

<पृष्ठ>
  <शीर्ष>
    <शीर्षक>नमस्ते दुनिया</शीर्षक>
     <लिंक href="./style.hcss" rel="stylesheet" />
  </शीर्ष>
  <शरीर>
    <शीर्षक1>मेरी पहली वेबसाइट</शीर्षक1>
    <अनुच्छेद>यह भारत HTML में लिखा गया है।</अनुच्छेद>
    <बटन>क्लिक करें</बटन>
  </शरीर>
</पृष्ठ>

Sourashtra (.souhtml)

<ꢥꢵꢎ>
  <ꢡꢵꢬ>
    <ꢱꢶꢫꢫ>ꢱꢵꢃꢂꢵꢆ ꢊꢬꢵꢡ</ꢱꢶꢫꢫ>
     <ꢣꢶꢰꢓ href="./style.soucss" rel="stylesheet" />
  </ꢡꢵꢬ>
  <ꢏꢴꢥ>
    <ꢱꢶꢫꢫ1>ꢥꢵꢫꢡ ꢥꢴꢎ!</ꢱꢶꢫꢫ1>
    <ꢥꢵꢫꢵ>ꢱꢵꢃꢂꢵꢆ ꢨꢵꢱꢵꢡꢵ ꢓꢵꢬꢶꢎ.</ꢥꢵꢫꢵ>
    <ꢨꢮꢫ>ꢀꢣꢶꢓ</ꢨꢮꢫ>
  </ꢏꢴꢥ>
</ꢥꢵꢎ>

🛠️ Extensions Reference

Use these file extensions to activate your language:

• Tamil: HTML .thtml | CSS .tcss
• Hindi: HTML .hhtml | CSS .hcss
• Bengali: HTML .bnhtml | CSS .bncss
• Telugu: HTML .tehtml | CSS .tecss
• Marathi: HTML .mrhtml | CSS .mrcss
• Urdu: HTML .urhtml | CSS .urcss
• Gujarati: HTML .guhtml | CSS .gucss
• Kannada: HTML .knhtml | CSS .kncss
• Odia: HTML .orhtml | CSS .orcss
• Malayalam: HTML .mlhtml | CSS .mlcss
• Punjabi: HTML .pahtml | CSS .pacss
• Assamese: HTML .ashtml | CSS .ascss
• Maithili: HTML .maihtml | CSS .maicss
• Santali: HTML .sathtml | CSS .satcss
• Kashmiri: HTML .kshtml | CSS .kscss
• Nepali: HTML .nehtml | CSS .necss
• Konkani: HTML .kokhtml | CSS .kokcss
• Sindhi: HTML .sdhtml | CSS .sdcss
• Dogri: HTML .doihtml | CSS .doicss
• Manipuri: HTML .mnihtml | CSS .mnicss
• Bodo: HTML .brxhtml | CSS .brxcss
• Sanskrit: HTML .sahtml | CSS .sacss
• Sourashtra: HTML .souhtml | CSS .soucss

🎖️ Credits

A huge thanks to our contributors!

• PTharanan (@PTharanan) - Added Multimedia (Video/Audio) & CSS Animation support (Tamil).

🤝 Contributing

We welcome contributions! Please open an issue or submit a pull request on our GitHub repository.

Made with ❤️ for India.