ssr
beercss
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
ssr
-
RiotJS Routes
One limitation of a Single Page Application is that it depends on a Backend/API to load the data. The browser/user has to wait until the content is rendered. To counter this issue, you can render HTML on the server side with Riot-SSR: the first request receives the page filled with data, so the user won't have to wait.
beercss
-
List expansions - Beer CSS Tips #5
Beer CSS: https://www.beercss.com
About settings, elements and helpers used by Beer CSS: https://github.com/beercss/beercss/blob/main/docs/INDEX.md
- Beer CSS – Translates a modern UI into HTML semantic standard
- Beer CSS – Build material design in record time, without stress for devs
- 🇫🇷 Input Component avec RiotJS
- 🇫🇷 Utiliser RiotJS avec BeerCSS Material Design 3
-
Main layouts - Beer CSS Tips #4
Beer CSS: https://www.beercss.com
-
RiotJS Routes
We aim to create the following app: a left drawer displaying links to different pages, and when a click happens on a link, the right section prints the corresponding page. The style is powered with the Material Design CSS BeerCSS:
-
Button Component with RiotJS (Material Design)
These articles form a series focusing on RiotJS paired with BeerCSS, designed to guide you through creating components and mastering best practices for building production-ready applications. I assume you have a foundational understanding of Riot; however, feel free to refer to the documentation if needed: https://riot.js.org/documentation/
-
Input Component with RiotJS (Material Design)
This article covers how to create an Riot input component, using the Material Design CSS BeerCSS. Before starting, make sure you have a base application running, or read my previous article Setup Riot + BeerCSS + Vite.
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
hello-world - Share Something useful related to Life and tech.
vuetify - 🐉 Vue Component Framework
Propeller - Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
nextui - 🚀 Beautiful, fast and modern React UI library.
rasam - A Privacy focused and Offline enabled Feed Reader PWA with Nuxt, Nuxt PWA, Dexie
book-tracker - A simple responsive web app to track your reading. Made using Vue, Google Books API and Firebase. Demo link below;
yesvelte - YeSvelte UI component library for Svelte
friedland.rocks - The business website of a music teacher from Germany.
flexboxfroggy - A game for learning CSS flexbox 🐸
countdown-vue - Create countdown timers right in your browser and embed them as iframes in any website.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications