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

  1. Don't submit a library that's only for your personal use case, and will not be useful to others.
  2. Don't submit items which are easy to create directly. For example, a single arrow or a square.
  3. Don't republish (copy/paste) items from other libraries without making any significant changes.
  4. We only accept libraries in English. This includes any texts/labels, and library description and titles. (In the future, we may accept other languages.)
  5. In general, each item should be usable and stand on its own. (In the future we'll support filtering and installing items individually.)
  6. In general, a library should be composed of at least 3 items, and the items should be related to each other (be in a single category).
  7. If a library item consists of multiple elements, you should group them together so that the item acts as a single unit when inserting on canvas. Exception being templates or if you really think it works better if ungrouped.

Check out our existing libraries to get started.

Once the library is submitted for review, changes may be requested if the guidelines above are not followed or the quality doesn't meet the standards of the published libraries.

excalidraw-libraries's People

Contributors

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

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

excalidraw-libraries's Issues

Search Bar Clipping "g" and "j" Characters

image
The search bar in the project's interface is currently clipping the lower portions of the "g" and "j" characters, making them resemble "q" and "i" respectively. To resolve this, we should consider adjusting the search bar's height to accommodate the full height of these characters.

Update author information about existing library

Hi! I'm one of the authors of the Software Logos and Story Telling libraries.

I'm the owner of the domain used for author link of those libraries (drwn.io). It's set in the following places (that I could find):

"name": "drwn.io",

"name": "drwn.io",

"name": "drwn.io",

I would like to change the domain to a different one, the drwn.io domain may not be functional in the future, and I would prefer if those libraries are not linking to a domain which I may not own in the future.

What's the process to follow? Should I just open a PR with the changes to the JSON files? How can I prove ownership of both drwn.io and the new domain I want to use?

Changing colors of SVG

When I add SVG images it seems to change the colors from what they are.

Attached Image, the panel on the right is when I add the images to a document ![[imagename]], where as the images on the left are when I include them on the canvas.

obsidianSVG-colors

Any help appreciated.

How can I contribute

Hi team !

I see that the repo doesn't seem to be really active. How could I help contributing ?
For example I could help reviewing some PR :)

Docs for creating a library

I have been researching for a while now but I am not able to find any docs on how to create your own library
How does the excalidrawlib files are generated? what's the process?

Really appreciate some help here
Thanks

Can't find Frame Tool and instructions on how to integrate it

Hello, we have successfully installed the excalidraw app into our work space but the Frame Tool, which is a tool that's available on the main website, does not seem to be available on any of the public libraries or even in the plus version.
Any help on this would be greatly appreciated. Thanks.

Question: How to generate libraries from sets SVG

It seems the option of adding elements to libraries is not yet available but most importantly, I don't think this would be the most convenient solution to maintaining a library. If the new system is not yet ready, how are the existing libraries created?

I was wondering if there is a way to have a bunch of SVG and turn all of those into a library. My ideal workflow would be to have all the SVG into a repo and have a script (+ pipeline) that converts all SVG into a folder into a single excalidraw library.

image

state chart primitives

It'd be great if a library that contained state chart primitives existed for excalidraw!

"Add to Excalidraw" button customisation

In Excalideck I just added the possibility to import libraries from https://libraries.excalidraw.com/ . Everything just worked out of the box, which makes me think that loading from other origins != excalidraw.com is considered as a valid use case. If this is the case, it'd be nice to customise the text of the "Add to Excalidraw" button (by passing a different product name in the url, probably). In my case for instance, it would say "Add to Excalideck".

image

If this makes sense, I can make a PR for the feature.

Problems publishing the library. #894

This branch has conflicts that must be resolved
Only those with write access to this repository can merge pull requests.
My library cannot be published, can someone help me, I don't know what else to look at.

Feature Request: Search bar for library in drawing interface

Hi,

it's nice to be able to use symbols from libraries that other people designed. However using a lot of libraries creates a list with a size where it's time consuming to search for specific symbols.

Example

excalidraw_library

Request

Please add a search bar at the top of this list which offers a live filter for the name of the symbols. E.g. when I search for "s3" only symbols with this token in the name should be shown.

The search bar should be easy to clear with an "X" at the right side inside of the search bar. Clicking on a symbol to use it must not clear the search bar.

Bug when resizing grouped shapes

There is a curious bug when resizing grouped shapes : some items are moving on the side whereas they shouldn't.

Normal size :
Capture d’écran 2022-01-13 à 12 45 55

When resizing :
Capture d’écran 2022-01-13 à 12 46 02

Add a sort by

  • Total downloads
  • Week downloads
  • Alphabetically
  • By author?

Library improvements.. or redesign

The library for excalidraw contains some interesting shape sets. However, some are of dubious quality and contain bugs. The list is also getting very long and the preview image of the shapes cannot be zoomed in, so for many shape sets their appropriateness becomes only apparent after adding and using them.

A redesign of the library might greatly improve its usefulness and diagramming productivity.

As for bug in shape sets, an example. I just used the Information Architecture shapes kindly provided by @inwardmovement in a diagram, only to find out at export time that the shapes do not support transparent background. They have white fill in dark mode and black fill in light mode. Also changing their color adds a rectangle around the shape. There's no repo to report the errors or PR a fix.

There's many features a redesigned library might have that'd make excalidraw rock some more (I love your project). One request I'd have is ability to select individual shapes from a set to import, rather than all or nothing the full set (and then manually remove what isn't needed).

Anyway, just a suggestion. Thanks for the fabulous work you folks are doing!

support dark mode & toggle via url

If you're working in dark mode in Excalidraw at night and then switch to install a library, it can be painful.

We should add dark mode, and allow to toggle it via url ?theme= which we'll supply from excalidraw based on current theme.

add `updated` field

We should add updated and sort by that field (as well). By default should equal created.

Error publishing library: TypeError: Failed to fetch

Hi,

I'm trying to publish a new library with 91 elements and I'm getting a HTTP error 413 with the message: TypeError: Failed to fetch

If I export my library, file size 1,33MB. Is there any size limit or any limit on number of elements inside a library?

Thank you.
Regards.

Process modelling duplicate libraries

We have a ton of library submissions on Domain Driven Design / Process modelling /

Existing library:

https://libraries.excalidraw.com/?theme=light&sort=default#tylerkron-event-storming

Open submissions:

#928
#770
#569
#506
#583
#632

...I'm sure there are more.

While we're not against some "duplication" if each library introduces enough value (e.g. unique style, significant additions), most of the submissions have ton of overlap and similar visual style.

What about creating a single library on this topic that contains all the items? Or at merge the libraries that makes sense to merge them (I'm not up to speed with the specific domains).

/cc @aleixmorgadas @storv @lxgreen @AlexZeitler @sebastiandedeyne
/cc @pclainchard

Support multiple authors per library

Something like that..

  {
    "name": "Polygons",
    "description": "...",
    "authors": [
      {
        "name": "Lipis",
        "url": "https://twitter.com/lipis"
      }
    ],
    "source": "lipis/polygons.excalidrawlib",
    "preview": "lipis/polygons.png",
    "date": "2020-12-02"
  }

Excalidraw Data Platform Library - ClickHouse & Polars Icons

Hello! Thanks so much to the creators and contributors of the Excalidraw Libraries! I am huge fan and appreciate all the work.

Hoping that someone can assist me with adding two icons to the Data Platform Library created by @chuqbach.

ClickHouse which currently has 32.4k GitHub stars:
ClickHouse
References for the icon:
https://garethdjones.com/thoughts/designing-the-clickhouse-brand
https://brandfetch.com/clickhouse.com/library/default/asset/idgGvPp_Yh?collection=logos&view=overview

Polars which currently has 22.7k GitHub stars:
Polars
References for the icon:
https://docs.pola.rs/
https://brandfetch.com/pola.rs/library/default/asset/idmpHUSoXr?collection=logos&view=overview

Thank you very much for any assistance! I am grateful for it!

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.