#typescript #feather_icons #figma #icons #react #svg #svg_icons #svgs #ui_components #ui_design #vue

https://github.com/lucide-icons/lucide

#typescript #browser #canvas #canvas_editor #control #date_picker #editor #emr #latex #pdf #pdf_generation #rich_text #svg #vite #wysiwyg

https://github.com/Hufe921/canvas-editor

#javascript #graph #jsmind #mind_map #mind_mapping #mindmap #mindmapping #svg #xmind

This tool is called "Simple Mind Map" and it helps you create and manage mind maps easily. You can use it to develop web-based mind map products without relying on any specific framework. It supports various types of diagrams, such as logical structure graphs, mind maps, organizational charts, and more. You can customize the appearance with multiple themes and styles, drag-and-drop nodes, export to different formats like JSON, PNG, SVG, PDF, Markdown, and XMind.

The tool also offers features like keyboard shortcuts, search and replace functions, mini maps, watermarks, and collaborative editing. It's available online or can be downloaded for Windows, Mac, and Linux. The project is open-source under the MIT license and has a community support group for any questions or custom development needs.

Using this tool simplifies your workflow by providing a flexible and powerful way to visualize ideas and projects.

https://github.com/wanglin2/mind-map

#typescript #antv #dag #diagram #diagramming #erd #erdiagram #flowchart #graph #graph_editor #javascript #javascript_diagramming_library #svg #typescript #uml_diagram

X6 is a powerful graph editing engine from AntV that makes it easy to create flowcharts, DAG graphs, and ER diagrams. It offers simple and customizable node styles using SVG, HTML, React, Vue, or Angular, and comes with over 10 built-in extensions like box selection and mini maps. X6 is data-driven and event-driven, allowing you to focus on your data and business logic. It supports modern browsers and server-side rendering, making it versatile for various projects. This tool helps you build complex graphs quickly and efficiently, saving time and effort in your development process.

https://github.com/antvis/X6

#javascript #database_schema #diagram_editor #editor #erd #erdiagram #hacktoberfest #indexeddb #javascript #mariadb #postgresql #react #sql #sql_server #sqlite #svg #tailwindcss

DrawDB is a free and easy-to-use tool for designing databases and generating SQL scripts right in your browser. You can create database diagrams with just a few clicks, export SQL scripts, and customize the editor without needing an account. This tool helps you design and manage databases quickly and efficiently, saving you time and effort. It's user-friendly, so you don't need to be an expert to use it.

https://github.com/drawdb-io/drawdb

#javascript #brand #brand_assets #brand_colors #branding #branding_assets #brands #company_brands #design #design_assets #icon_pack #icon_packs #icons #iconset #logo #logos #svg #svg_files #svg_icons #svg_images

Simple Icons offers over 3200 free SVG icons for popular brands, all available on one page at SimpleIcons.org. You can download these icons directly from the website or use them via a CDN like jsDelivr or unpkg. The icons can also be used in various programming languages and frameworks such as Node.js, TypeScript, PHP, and more. Additionally, there are third-party libraries and extensions available for tools like Figma, Miro, and Webflow. Before using the icons, make sure to read the legal disclaimer. This resource is highly beneficial as it provides a vast collection of high-quality icons that can be easily integrated into your projects, saving time and effort in finding and designing icons.

https://github.com/simple-icons/simple-icons

#javascript #css #font #fontawesome #icons #svg_icons #svg_sprites #webfont

Font Awesome is a big library of icons and tools used by many designers, developers, and content creators. The latest version, Version 6, offers new features and improvements. If you're using an older version like 5, it will still get important bug fixes but no new updates. Versions 3 and 4 are no longer supported. You can easily upgrade to the new version with guides available on their website. Font Awesome is free, open source, and can be used for any project, including commercial ones, as long as you give proper credit. This makes it easy and beneficial for users to enhance their projects with a wide range of icons.

https://github.com/FortAwesome/Font-Awesome

#typescript #apache #canvas #charting_library #charts #data_visualization #data_viz #echarts #svg #visualization

Apache ECharts is a free and powerful tool for creating interactive and customizable charts. It is written in JavaScript and easy to use, making it great for adding charts to your products. You can download it from the official website, use npm, or a CDN. It has lots of documentation and examples to help you get started. Using ECharts benefits you by allowing you to create professional-looking charts quickly and easily, which can enhance your data visualization and make your products more engaging.

https://github.com/apache/echarts

#shell #chart #charts #d3 #data_visualization #svg #visualization

D3.js is a free JavaScript library that helps create interactive and custom data visualizations. It offers great flexibility, allowing developers to make dynamic graphics using web standards. This means you can easily customize how your data looks and behaves on the web. The benefit of using D3.js is that it allows users to explore complex data in an engaging way, making it easier to understand and analyze information. Whether you're working with simple charts or complex networks, D3.js provides tools to bring your data to life interactively.

https://github.com/d3/d3

#python #llm #multimodal_large_language_models #svg #vlm

StarVector is a powerful tool that converts images into Scalable Vector Graphics (SVG) code. It uses a special kind of AI called a multimodal vision-language model to understand both images and text. This means it can create SVGs from pictures or text instructions. The benefit is that SVGs are scalable and editable, making them perfect for web design and graphic art. StarVector is especially good at vectorizing icons, logos, and diagrams, producing high-quality results that are easy to edit and resize without losing clarity[1][3][5].

https://github.com/joanrod/star-vector

#javascript #animation #anime #canvas #css #javascript #javascript_library #svg

Anime.js is a lightweight JavaScript library that helps create smooth animations on websites. It works with CSS properties, SVG elements, DOM attributes, and JavaScript objects, making it versatile for various animation needs. Using Anime.js, you can easily animate multiple properties at once, create staggered effects, and control animations with a simple API. This library is beneficial because it enhances user experience by adding interactive and engaging visual effects to web pages without slowing them down.

https://github.com/juliangarnier/anime

#rust #2d_graphics #art #compositor #design #graphic_design #graphics_editor #image_generation #image_manipulation #image_processing #node_editor #node_graph #photo_editing #photo_editor #procedural #procedural_art #procedural_drawing #svg_editor #vector_editor

Graphite is a free, open-source 2D graphics editor that combines vector and raster tools with a unique hybrid workflow using layers and nodes. It lets you create detailed vector art and designs with nondestructive editing, meaning you can change your work anytime without losing quality. The node-based system offers powerful, flexible control like visual programming, while the layer system keeps things simple and familiar. This makes it easy to create complex graphics, animations, and effects all in one tool. Graphite is still evolving but aims to be a versatile, all-in-one creative platform accessible to everyone, helping you unleash your artistic potential efficiently[1][2][4].

https://github.com/GraphiteEditor/Graphite

#javascript #3d #augmented_reality #canvas #html5 #javascript #svg #virtual_reality #webaudio #webgl #webgl2 #webgpu #webxr

Three.js is a powerful and easy-to-use JavaScript library that helps you create 3D graphics and animations on the web with much less code than using WebGL directly. It handles complex tasks like rendering and math calculations, so you can focus on designing your 3D scenes. It supports WebGL and WebGPU, with additional options like SVG and CSS3D. Three.js has excellent documentation, many examples, and a large, active community that provides support and updates. This makes it ideal for quickly building interactive 3D content that works across browsers, improving your web projects with engaging visuals and smooth performance[1][3][5].

https://github.com/mrdoob/three.js

#vue #canvas_editor #design #design_editor #editor #fabricjs #image_editor #poster #svg_editor #vue_fabric

You can use a powerful open-source image editor built with fabric.js and Vue that lets you easily design images by dragging and dropping. It supports many features like importing PSD and JSON files, exporting PNG and SVG, layers, gradients, custom fonts, cropping, filters, and more. You can customize fonts, templates, right-click menus, and shortcuts, and extend it with plugins. This editor is lightweight and simple to use, making it great for quick image editing without complex tools. It also offers a paid version with full backend support and batch image generation, helping you save time and reduce development effort.

https://github.com/ikuaitu/vue-fabric-editor