css-scope-inline
chat-app
css-scope-inline | chat-app | |
---|---|---|
6 | 5 | |
440 | 0 | |
- | - | |
8.9 | 6.9 | |
3 months ago | 12 days ago | |
HTML | HTML | |
MIT License | MIT License |
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.
css-scope-inline
- Nue CSS: A Scaleable Alternative to Tailwind, BEM, and CSS-in-JS
- HTML First – Six principles for building simple, maintainable, web software
- Show HN: Vanilla CSS Tailwind alternative in 16 lines
- Show HN: Vanilla CSS Tailwind alternative in 18 lines
- Tailwind alternative: Inline Scoped CSS
- Htmx Tailwind Alternative: Inline Scoped CSS
chat-app
-
Software Infrastructure 2.0: A Wishlist (2021)
I built a serverless SaaS no-code/low-code platform which could be of interest: https://saasufy.com/
You just need plain HTML which can be deployed online with something like GitHub pages.
I've built a few apps with it including a simple real-time chat app which supports both group chat, private 1-on-1 chat with an account system, OAuth via GitHub... The entire app is only 260 lines of HTML markup. See: https://github.com/Saasufy/chat-app/blob/main/index.html
It comes with around 20 generic declarative HTML components which can be assembled in complex ways: https://github.com/Saasufy/saasufy-components?tab=readme-ov-...
There is a bit of a learning curve to figure out how the components work but once you understand it, you can build apps ridiculously quickly. The chat app only took me a few hours to build.
I've been helping a friend to build an application related to HR with Saasufy and I managed to get the basic search functionality working with only 160 lines of HTML markup.
-
Htmz – a low power tool for HTML
>I built a chat app with both group chat and private chat (with access control) using only plain HTML; only ~250 lines of HTML markup for the entire thing: https://github.com/Saasufy/chat-app/blob/main/index.html
I think I know what you mean, but we clearly have different definitions of "plain HTML." Mine wouldn't involve 9 javascript files. :-D
Either way, I'm interested and will check out what you made!
-
Web Components - The Template-Viewport Pattern for the Shadow DOM
The repo for the chat example I alluded to in this guide can be found here: https://github.com/Saasufy/chat-app and is hosted here: https://saasufy.github.io/chat-app/ (you can log in with GitHub by clicking on the link at the bottom of the log in form).
-
HTML Web Components
Web Components are extremely powerful. I built a chat app with authentication with 2 different blockchains, GitHub OAuth login and access control using only 120 lines of HTML on a single page with no framework:
https://github.com/Saasufy/chat-app/blob/main/index.html#L23...
You can try the app here (if you have GitHub): https://saasufy.github.io/chat-app/
The backend is serverless built using Saasufy.com - The platform/startup I'm working on currently: https://saasufy.com/
-
HTML First – Six principles for building simple, maintainable, web software
You can log in via GitHub OAuth (also implemented with HTML tags).
The source is here, that's all of it, there is no custom backend logic: https://github.com/Saasufy/chat-app
What are some alternatives?
MapML - Map Markup Language is hypertext for Web maps, like HTML is hypertext for Web pages https://maps4html.org/MapML/spec/
clace - Clace is a web app deployment platform for internal tools
surreal - 🗿 Mini jQuery alternative. Dependency-free animations. Locality of Behavior. Use one element or arrays transparently. Pairs with htmx. Vanilla querySelector() but better!
webcomponents-blog-examples
tailgate - Client-facing generative-AI components without the fuss.
TW-Elements - 𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
Fragmentify - Django like template inheritance for XML
proposal-type-annotations - ECMAScript proposal for type syntax that is erased - Stage 1
marimo - A reactive notebook for Python — run reproducible experiments, execute as a script, deploy as an app, and version with git.
dumb-tailwind
supercomponent - Give your Web Components modern-day superpowers.