Frontend app that pulls api data and displays it in tables that can be sorted, filtered etc

• Chart.js

  183 63,425 7.8 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

For charts, I was going to suggest HighCharts but it looks like it costs money now. Chart.js seems to be the best alternative.

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

You could use TailwindCSS to style. All you do is decorate your elements with classes and it does all the styling for you.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• nuxt

  91 51,906 9.9 TypeScript

  The Intuitive Vue Framework.

  

Nuxt

• htmx

  565 32,656 9.6 JavaScript

  </> htmx - high power tools for HTML

  

If you don't want to fall down the JS rabbit hole, you might be able to get away with using something like HTMX that lets you essentially just write HTML. Might be worth a look before you get too far along. Here's an article that talks about using HTMX and TailwindCSS with Django templates.

• ag-Grid

  48 11,762 10.0 TypeScript

  The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

  

I personally use https://www.ag-grid.com/ for all my data grid needs. It has a free community version (that should get you covered imo) as well as a paid one with advanced features.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project