Code Monkey home page Code Monkey logo

excalidraw-libraries's Introduction

Excalidraw Libraries

Explore libraries.excalidraw.com

Create your own library

  1. Open Excalidraw and draw some objects.
  2. Optional: Make sure every object is it's own group (by selecting it and clicking "Group selection" or Ctrl+G).
  3. Add each object you want in your library like so:
  • Select the object
  • Open the library menu (by clicking on the "library" button or typing 9)
  • The selected object should appear in a square. Click on it (you will see a + sign when hovering over it)
  1. Still in the library menu, select the libraries you want to publish (hover over a library item and you should see a checkbox, clicking on which will select the library item).

  2. Hit the publish button (in blue), and fill out the details.

Gif showing how to add a single object and export the library

If you want to test your library file, use the "Load" button in the library menu to reimport it.

Guidelines

  • All library items should be reusable and not just limited to your personal use case.
  • Don't republish (copy/paste) items from other libraries without making any significant changes.
  • In general, each item should be usable and stand on its own.
  • Don't publish items which are easy to create directly. For example, a single arrow or a square.

Check out our existing libraries to get started.

excalidraw-libraries's People

Contributors

excalibot avatar lipis avatar dwelle avatar h7y avatar maeddes avatar youritjang avatar stojanovic avatar markopolo123 avatar aretecode avatar ferminrp avatar l8y avatar shinkim0914 avatar clainchoupi avatar esteevens avatar dependabot[bot] avatar rkjc avatar polyrand avatar madhusuthanan-b avatar kaligule avatar jorgedlcruz avatar husainkhambaty avatar nanot1m avatar thijsdev avatar maddoxx88 avatar shellerbrand avatar oehrlis avatar swissarmysam avatar sagirk avatar rohanpithadiya avatar rfranzke avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.