Guidance on first front-end UI for a self-developed backend

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - 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.
www.influxdata.com
featured
  • budibase

    Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀

  • I suppose it depends on what qualifies as a frontend. I typically end up working in something like Budibase or Retool. The problem is time working in these tools is proportional to the level of inflexibility I always run up against.

  • Materialize

    Materialize, a CSS Framework based on Material Design

  • Since you mentioned python, I'd suggest something simple like fastAPI as a backend framework, it lets you serve up template pages and I'm using htmx to interact with the backend, writing almost not a single line of JS. I've played with several css frameworks over my time and there you can get some really barebones, basic stuff like skeleton just to make it not look like it was displaying a page styled in 2001. I'm partial to google's material design and materlize makes it pretty easy to get going with decent styling with minimal effort. Also noticed you post in r/selfhosted I spend some time there as well building out my home lab/network/hosting. dm if you have any questions to get started or hit me up on discord.

  • SurveyJS

    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.

    SurveyJS logo
  • htmx

    </> htmx - high power tools for HTML

  • Since you mentioned python, I'd suggest something simple like fastAPI as a backend framework, it lets you serve up template pages and I'm using htmx to interact with the backend, writing almost not a single line of JS. I've played with several css frameworks over my time and there you can get some really barebones, basic stuff like skeleton just to make it not look like it was displaying a page styled in 2001. I'm partial to google's material design and materlize makes it pretty easy to get going with decent styling with minimal effort. Also noticed you post in r/selfhosted I spend some time there as well building out my home lab/network/hosting. dm if you have any questions to get started or hit me up on discord.

  • fastapi

    FastAPI framework, high performance, easy to learn, fast to code, ready for production

  • Since you mentioned python, I'd suggest something simple like fastAPI as a backend framework, it lets you serve up template pages and I'm using htmx to interact with the backend, writing almost not a single line of JS. I've played with several css frameworks over my time and there you can get some really barebones, basic stuff like skeleton just to make it not look like it was displaying a page styled in 2001. I'm partial to google's material design and materlize makes it pretty easy to get going with decent styling with minimal effort. Also noticed you post in r/selfhosted I spend some time there as well building out my home lab/network/hosting. dm if you have any questions to get started or hit me up on discord.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • My SaaS makes $50K MRR and is built on vanilla Ruby on Rails and jQuery

    4 projects | news.ycombinator.com | 3 May 2023
  • Intro to Nest.js 🪺

    5 projects | dev.to | 26 Feb 2023
  • Why I selected Elixir and Phoenix as my main stack

    36 projects | dev.to | 21 Jan 2023
  • 15 Popular Github Repositories for the Modern Developer of 2023

    15 projects | dev.to | 31 Dec 2022
  • Best Frameworks For Web Development

    13 projects | dev.to | 27 Aug 2022