SenangStart VS Code Extension

SenangStart is a Visual Studio Code extension that simplifies integrating pre-built sections, icons, and libraries from the SenangStart ecosystem directly into your code. With an intuitive interface, you can quickly insert well-designed sections, find icons, and access documentation, streamlining your development workflow.

Table of Contents

• Features
• Installation
• Usage
• License

Features

• Sections (Drag & Drop): Browse a collection of well-designed UI sections and drag them directly into your editor.
• Icons Manager: Search and use icons from @bookklik/senangstart-icons.
  • Two Modes: Copy as an icon component (<i class="ss-icon-name"></i>) or raw SVG code.
• Libraries Access: Quick access to documentation and resources for the SenangStart ecosystem:
  • SenangStart CSS: Fluent CSS Style Utilities.
  • SenangStart Icons: Customizable icon library.
  • SenangStart Actions: Minimal JS framework.

Installation

Via VS Code Marketplace:

1. Open Visual Studio Code.
2. Go to the Extensions view (Ctrl+Shift+X).
3. Search for SenangStart.
4. Click Install.

Usage

Once installed, open the SenangStart view in the Activity Bar. The interface is divided into three tabs:

1. Sections

• Browse the available section collections.
• Drag and drop a section directly into your open code file to insert the snippet.

2. Icons

• Switch to the Icons tab.
• Use the search bar to find icons.
• Toggle between Icon Class mode (default) and SVG mode using the buttons next to the search bar.
• Click an icon to copy the code to your clipboard.

3. Libraries

• Switch to the Libraries tab.
• Click on any card (CSS, Icons, Actions) or link to open the official documentation or GitHub repository in your browser.

License

This project is licensed under the MIT License.