TOAST.UI: Free, Open-source Interactive JavaScript application components

While working on a project, I need a calendar library. As I do for every project, I tend to not use previously used libraries and try to learn and use something new.

That's how I found Toast.ui, an open-source features-rich UI library for building production-ready apps.

What does Toast.ui offer?

Toast.ui offers complete applications and separate application-based components that you can use.

Applications

1- Calendar

Calendar: A fully customizable calendar library with multiple calendar views, drag-and-drop, and resizing options. Unlike other similar free and open-source libraries, Toast.ui calendar offers a reactive in-line events' creation, editing, and deletion without breaking a sweat. The calendar library comes with built-in popups support.

2- Charts

Toast.ui offers multiple chart types and developer-friendly API.

Toast.ui available charts:

  1. Line, column, bar charts
  2. Bullet
  3. Box Plot
  4. Treemap
  5. Heatmap
  6. Scatter
  7. Bubble
  8. Radar
  9. Pie
  10. Line Area
  11. Line Scatter
  12. Column Line
  13. Nested Pie
  14. Radial Bar
  15. Gauge

3- Editor

Toast.ui Editor is a highly configurable WYSIWYG and Markdown editor that you can embed easily in your web app. It comes in three editions: a plain JavaScript edition, a React edition, and a Vue edition. Furthermore, you can extend it with plugins.Toast.UI editor offers a live preview, scroll sync, and built-in syntax highlighting. It also supports multi-languages, widgets, tables, image upload, Markdown/ HTML mode switch, and dark mode.

3- Grid: a dynamic data table.

Toast.UI Grids offers a highly dynamic data table that helps you to display, filter, search, sort, and edit your dynamic data. The Grid also comes with full JavaScript support, and Vue and React component wrapper.

Here are some of its cool features:

  1. Full customizable Multi-column header
  2. Relational structure between columns
  3. Different data sources
  4. Tree data representation
  5. Keyboard navigation
  6. Multiple input fields for cells
  7. Built-in pagination
  8. Pinned column
  9. Data validation
  10. Cell merging
  11. Customizable styles

4- Image Editor

Toast.ui is a full embedded web-based image editor with full support for almost all images manipulation through your browser. It is a lightweight script that I tested and didn't cause any problem or issues with Google Chrome and Mozilla Firefox.

Components

  1. Color picker
  2. Autocomplete
  3. App loader
  4. Context menu
  5. Date Picker
  6. Rolling
  7. Select box
  8. Time picker
  9. Tree
  10. Pagination

You can use Toast.ui libraries independently in your project, I use the calendar and the grid separately with some Meteor projects, which work like a charm. Some libraries offer Vue and React editions.

Resources



    JetUML is a free, lightweight desktop app for building and editing UML diagrams. JetUML is built with Java which comes also in a small .jar package. FeaturesIt features a clean interface, a seamless responsive integration with all desktops as Linux, Windows, and macOS. With JetUML, you can select which diagram...Read more...


    UMLet is a free, open-source UML modeling tool for developers that allows them to draw UML diagrams quickly and export them to many formats. The program is released as an open-source under GPL-3.0 License. UMLet features Easy to use interfaceElements browserCustom elementsSearchDiagram zoomMultiple tab viewExports to: .eps, .pdf, .jpg,...Read more...


    What is SQLite?SQLite is an embedded lightweight database engine, first appeared 21 years ago and was released as an open-source project under the Public domain. It is widely used as a client-side database in the browser, for desktop applications, and mobile apps. Some web frameworks come with built-in support...Read more...


    If you own a managed services business, you should make it a priority to build your revenue and grow your business if you want to keep up with the competitive nature of the industry. It shouldn’t matter what the focal point of your business is, whether you specialize in...Read more...


    Penpot is a free, open-source web-based design and prototyping application for teams. It works with open web standards as it uses SVG (Scalable Vector Graphics) format. Penpot can be installed on a remote server or the local machine with help of Docker and Docker Compose. With Penpot, you can quickly...Read more...




Read more