Open Source Design Software

One Dark Pro is a popular Visual Studio Code theme inspired by the Atom One Dark theme, designed to provide a visually appealing and consistent coding environment. It focuses on readability and aesthetics, using a carefully selected color palette that reduces eye strain while maintaining strong contrast between code elements. The theme supports a wide range of programming languages, ensuring consistent syntax highlighting across different file types. It also integrates seamlessly with VS Code features, enhancing the overall developer experience. The design emphasizes clarity, making it easier to navigate and understand complex codebases. It is widely adopted due to its balance between style and functionality. Overall, OneDark-Pro serves as a high-quality customization option for developers seeking a polished coding interface.

The Draggabilly project is a lightweight JavaScript library that enables draggable interactions for web elements. It allows developers to add drag-and-drop functionality to HTML elements with minimal configuration and overhead. The library is designed to be simple and efficient, providing a straightforward API for handling drag events and constraints. It supports features such as axis locking, containment boundaries, and event callbacks, giving developers control over how elements behave during interaction. Draggabilly is commonly used in interactive UI components, dashboards, and design tools where draggable elements enhance usability. It is also compatible with modern browsers and integrates easily with other JavaScript frameworks. Overall, it provides a clean and reliable solution for implementing drag interactions on the web.

hexo-theme-melody is a simple, beautiful, and fast theme for the Hexo static site generator. It is designed for personal blogs and content sites that need an attractive layout without sacrificing performance. The theme supports Hexo installation workflows before and after Hexo 5, making it usable across different project setups. It relies on Pug and Stylus rendering in older installation paths and can be updated through package management in newer Hexo versions. The project focuses on a clean reading experience, responsive presentation, and practical blog customization. Its main value is giving Hexo users a polished theme that balances visual style, speed, and straightforward setup.

Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. It can be integrated into development environments or build tooling so design updates automatically propagate into code patterns or UI specs.

Floating Vue is a Vue library for building tooltips, dropdowns, popovers, and hover menus positioned with Floating UI. It provides a v-tooltip directive for simple content and components such as VTooltip, VDropdown, and VMenu for richer interfaces. Popper content can contain Vue components, form controls, and custom slots. Developers can choose automatic or directional placement and configure hover, click, focus, touch, or manual triggers. Themes define default behavior and styling for different floating elements and can be extended globally or per component. The library supports separate release lines for Vue 2 and Vue 3. It is MIT-licensed and includes documentation, demos, migration guides, and reusable lower-level building blocks.