• Segmented circles : Sketch plugin creates circular graphics for diagrams, instrumentation and analytics.

Color Palette

Diagram | 绘图

  • : Create beautiful cloud diagrams in minutes Easily create isometric diagrams, for presentations, documentation and illustrations.

  • drawio : is an online diagramming web site that delivers the source in this project.

  • blush: 一个可以在线操作的插画素材网站,这个网站的插画素材,可以在线更该肤色、身体、头部、配饰等。

  • 2019-Excalidraw : Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

  • 2021-D2 : D2 is a modern diagram scripting language that turns text to diagrams.



Svgbob Diagrams: ascii-to-all Archetype Diagrams: ascii-drawing Textik Diagrams: ascii-drawing ASCIIFlow Diagrams: ascii-drawing BPMN Sketch Miner Diagrams: BPMN/flow Webgraphviz Diagrams: graphviz Edotor Diagrams: graphviz nomnoml Source: Diagrams: activity, class CodeUML (dead) Source: Diagrams: uml yuml Diagrams: uml PlantText Diagrams: activity, class, component, object, use case, state, graphviz, sequence, gui, earth PlantUML Diagrams: activity, class, component, object, use-case, sequence, state, deployment, timing, gui, archimate, gantt, mindmap, tree, math, entity-relationship Umple Online Diagrams: class, state, composite ZenUML Diagrams: sequence DotUML Diagrams: class, use case, sequence, state, deployment, graphviz dbdiagram Diagrams: sequence WebSequenceDiagrams Diagrams: sequence SVG Sequence Diagram Diagrams: sequence JUMLY (dead) Source: Diagrams: sequence js sequence diagrams Diagrams: sequence swimlanes Diagrams: sequence SequenceDiagram Diagrams: sequence GraphUp (broken) Diagrams: sequence, gantt Text Diagram Diagrams: ascii sequence ASCII Sequence Diagram Creator Diagrams: ascii sequence Chart Mage Diagrams: sequence, flow flowchart.js Diagrams: flow drawthe Source: Diagrams: network mermaid Diagrams: flow, sequence, class, state, entity-relationship, gantt, pie, journey Diagrams: flow, sequence, graph, tree, onion, stack, system, timeline, mindmap Blockdiag Diagrams: block, activity, network, rack/stack, packet MetaUML (dead) Railroad Diagram Generator Diagrams: railroad/syntax Gleek Diagrams: architecture Kroki Penrose Diagrams: penrose code2flow Diagrams: flow WaveDrom Diagrams: timing


  • Remove Image Background: 100% automatically – in 5 seconds – without a single click.

  • vdx : 🎞️ An intuitive CLI for processing video, powered by FFmpeg


  • MathPix: Take a screenshot of math and paste the LaTeX into your editor, all with a single keyboard shortcut.


  • 2018-PicGo : 🚀A simple & beautiful tool for pictures uploading built by electron-vue


  • imgdiff : Faster than the fastest in the world pixel-by-pixel image difference tool.

Screen Recorder | 录屏与分享

  • Kap : Capture your screen, An open-source screen recorder built with web technology.

  • Zappy : The fastest, all-in-one way to share screenshots, GIFs, and recordings with your teammates.

  • Screenity : The most powerful screen recorder & annotation tool for Chrome 🎥




  • MicroSoft PPT Templates:

  • 叮当设计: 免费的 PPT 模板与设计资源下载。

  • Woodo 幻灯片: Woodo 幻灯片比其他 PPT 模板网站牛逼的地方就在于:这里不仅可以下载,还可以在线编辑,更重要的是,这里嵌入了超大量级的素材库(包含配图和矢量图),完全是 PPT 制作的效率神器!!!

  • 创客贴: 创客贴拥有海量精美的 ppt 模板设计模板和 ppt 模板设计素材,每一个模板都可编辑。文字图片背景皆可修改,简单 3 步即可完成在线 ppt 模板设计制作

  • 稿定设计: 一个跟 Chuangkit 类似的设计网站,PPT 的水准也是相当不错,完全能满足我们日常汇报、方案的需求了。

  • Canva: 在线设计

  • PPTmall: PPTmall 是一套高效的可视化 PPT 素材库系统,提供了强大的模板分类索引功能。

Materials | 素材

  • wannathis: 一个非常精致的 3D 小人素材网站。最近很多大厂的官网页面都是 3D 风,其中 3D 小人最为突出。而这个网站里面的 3D 小人,每一个都很精致。


  • Icons8: 汇集了许多的动效图片。

  • SuperTinyIcons : Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos


  • Pexels: The best free stock videos shared by the Pexels community.



  • Adobe Color: 透過 Adobe Color,您就能存取我們強大的色彩調和引擎,用於建立完美的色彩主題並在 Adobe 產品中使用。請從探索 Color 社群的主題開始您的色彩之旅。

  • Web Gradients : WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.

  • Color Hunt: Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes


  • Motionity : Motionity is a free and open source animation editor in the web. It’s a mix of After Effects and Canva, with powerful features like keyframing, masking, filters, and more, and integrations to browse for assets to easily drag and drop into your video.