Knowledge Base

Answers and Guides

What Is WYSIWYG and How Do You Build a WYSIWYG Editor?

WYSIWYG stands for "what you see is what you get": the editing surface shows content already formatted, so bold text looks bold a…

What Is Slate and How Does It Relate to Plate for Building Rich-Text Editors?

Slate is a headless rich-text editor framework for React: it gives you the document model and editing operations, but no UI. Plat…

What Is Plate and How Do You Use It to Build a Rich-Text Editor?

Plate is an open-source React framework for building rich-text editors, built on top of Slate. It gives you a set of customizable…

What Is Tailwind CSS and How Do You Start Building a UI With It?

Tailwind CSS is a utility-first CSS framework: instead of writing custom CSS rules, you style elements by adding small, single-pu…

What Is React and What Is It Used For?

React is a JavaScript library for building user interfaces out of reusable components. You reach for it when a page needs to chan…

How to Create and Export Animated Sprites with Piskel

Piskel is a free, open-source, browser-based editor for animated sprites and pixel art. You can design characters, animations, an…

What Are Open-Source UI Element Libraries and How Do They Differ From UI Frameworks?

An open-source UI element library is a collection of individual, ready-made interface pieces—buttons, cards, inputs, toggles, loa…