Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Darshan Dev KitNew to Visual Studio Code? Get it now.
Darshan Dev Kit

Darshan Dev Kit

DARSHAN RANA

|
3 installs
| (1) | Free
A powerful VS Code extension pack for React, React Native, and frontend developers. Includes essential tools for JavaScript, TypeScript, HTML, CSS, Git, formatting (Prettier), linting (ESLint), snippets, debugging, and productivity enhancements.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🚀 Darshan Dev Pack

Complete frontend development toolkit for React, React Native, and modern web development.


✨ Features

Darshan Dev Pack provides a curated set of essential extensions to boost productivity and streamline development.

⚛️ Frontend & React

  • React snippets for faster coding
  • React Native development support
  • HTML, CSS, and class name IntelliSense

🎨 Styling & UI

  • Tailwind CSS support
  • Styled-components support
  • Color preview and highlighting

🧹 Code Quality

  • Prettier for automatic formatting
  • ESLint for linting and error detection

🔧 Git & Version Control

  • GitLens for advanced Git insights
  • Git Graph visualization

⚡ Productivity Tools

  • Auto import modules
  • Path IntelliSense
  • Auto rename & close tags
  • Code snippets and helpers

📦 Included Extensions

This extension pack includes the following tools:

⚛️ React & React Native React Hooks Snippets React Native Snippets (multiple packs) React Native Tools

🎨 Frontend & Styling Bootstrap 5 Support HTML & CSS IntelliSense Styled Components Support HTML CSS Class Completion

🧹 Code Quality & Formatting Prettier ESLint Prettier + ESLint Integration

🔧 Git & Version Control GitLens Git Graph Git History Git Blame

🤖 AI & Smart Tools Codeium AI Continue AI Assistant ChatGPT Extension

💡 Productivity Tools Path IntelliSense Auto Import Turbo Console Log Change Case JavaScript Snippets

🎨 UI & Visual Enhancements Material Icon Theme Color Highlight Color Info Indent Rainbow Indenticator Highlight Matching Tag

🧪 Developer Utilities GraphQL Support Jest Testing Tools Version Lens SVG Preview Gutter Preview

🔤 Editor Enhancements Auto Rename Tag Auto Close Tag Auto Complete Tag Bracket Pair Colorizer Bracket Pair Toggler Spell Checker


🛠️ Installation

From Marketplace

  1. Open Extensions in VS Code
  2. Search for Darshan Dev Pack
  3. Click Install

From VSIX

  1. Open Extensions
  2. Click ... → Install from VSIX
  3. Select the .vsix file

💻 Supported IDEs

  • Visual Studio Code
  • Antigravity IDE (VS Code compatible)

🎯 Why use this pack?

  • One-click setup for frontend development
  • Saves time configuring extensions
  • Optimized for performance (no duplicates)
  • Works across multiple IDEs

📌 Requirements

  • Visual Studio Code version 1.80+ or compatible IDE

🙌 Contributing

Feel free to suggest improvements or request new extensions.


📄 License

MIT License © Darshan Rana


⭐ Support

If you like this extension, give it a ⭐ on GitHub!


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft