How to create beautiful, maintainable, fast, low js websites

• django-components

  10 922 9.2 Python

  Create simple reusable template components in Django.

I've been reading about django-components and #slippers components, but don't know about combining Pre or PostCSS, Tailwind or XXX for styling and how to keep the whole thing as simple to maintain as possible. Not willing to go the Bootstrap route, but need to structure a compromise.

• Tailwind CSS

  1,279 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Tailwind CSS for access to utility classes for styling

• 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.

  

• htmx

  565 32,656 9.6 JavaScript

  </> htmx - high power tools for HTML

  

Of course, HTMX and Alpine.js (or similar light js framework) are there for interactivity where needed.

• flowbite

  189 6,917 9.8 JavaScript

  Open-source UI component library and front-end development framework based on Tailwind CSS

  

Other open source libraries built for Tailwind to get components not supported or implemented well by DaisyUI. Thinking particularly about Flowbite as they give access to Figma files for the designer.

• daisyui

  248 30,632 9.8 Svelte

  🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

DaisyUI for theming and cleaning up the verbose markup of Tailwind

• tailwindcss-jit-cdn

  2 232 10.0 JavaScript

  Discontinued Tailwind CSS JIT in your browser

  

Unfortunately, I'm not getting rid of Node or the build step for production. There are easier methods for development (not just CDN), but for prod Node it is -

• Alpine.js

  242 26,798 9.3 HTML

  A rugged, minimal framework for composing JavaScript behavior in your markup.

  

Of course, HTMX and Alpine.js (or similar light js framework) are there for interactivity where needed.

• 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.

  

• shoelace-css

  73 11,962 9.6 TypeScript

  A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇

  

Just adding to this, https://shoelace.style is worth a quick look.

Suggest a related project