Whiteboarding tool with hand drawn like experience. Ideal for conducting interviews, drawing diagrams, prototypes or sketches and much more!
Screenshot of the plus.excalidraw.com homepage.
Three ways to ship a Excalidraw+-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Excalidraw+. All trademarks belong to their respective owners.
About Excalidraw+
Home page hero
The page is white and spare, and almost every word on it is set in a handwritten, marker-like typeface, so the page looks like a sketch. A small line-drawn logo and the product name sit at the top left. Three blue text links (for teams, features, pricing), a solid blue sign-in button with a soft hard-edged shadow and a small moon icon for dark mode sit at the right. The hero is centered. A larger version of the sketched logo and name leads into the line "Collaborative whiteboarding made easy," a smaller line crediting the team behind the open source project, with a blue link, and a blue sign-up button. A single hand-drawn black arrow points down toward the next section.
Feature rows
The following sections alternate a handwritten heading and a one or two-line grey sans paragraph with a screenshot, with lots of empty white space between them. The first, "The easiest way to get your thoughts on screen," sits next to the app itself, a tree diagram of circles and arrows with a red circle selected, a floating toolbar of shape tools, a color panel with hex values for stroke and fill, and a saving indicator. "Seamless Collaboration" is shown with a sketched phone wireframe with list rows, a scroll arrow and a small red name tag of a collaborator's cursor. "Manage & organize" shows a window with a sidebar of collections and a grid of scene thumbnails with blue create and import buttons. "No learning curve. No friction." is illustrated with a drawn figure with a headset at a laptop and an empty selected speech bubble.
Pricing and footer
The pricing block is minimal: a heading, one line about keeping pricing simple and a very large handwritten price with a small per-month label, followed by the additional-users price and a bold note about a free trial. A last blue sign-up button leads into a plain footer with the logo and four columns of blue text links for social profiles and legal pages, explore, product and a contact address.
How the page reads
The page demonstrates the tool by looking like it was drawn in it. The only colors are white, black and one blue, the buttons are the only elements with depth, and the screenshots keep the same hand-drawn feel.
Based on a single full-page screenshot of plus.excalidraw.com, the only capture available for this entry. The pricing, trial terms and feature list are the company's own as shown on the capture date and may have changed. Check the live site for current details.
Related designs
