Awesome GitHub RepositoriesJavaScript-Free Web Interfaces

Fresh este un framework web pe partea de server pentru runtime-ul Deno, conceput pentru construirea de site-uri web cu suport nativ pentru TypeScript. Funcționează ca un randator pe partea de server de tip zero-JavaScript care trimite implicit doar HTML către browser pentru a elimina overhead-ul runtime-ului pe partea de client. Framework-ul implementează o arhitectură de tip insule (islands architecture), care livrează HTML static și activează selectiv JavaScript doar pentru componente interactive specifice. Utilizează un router bazat pe sistemul de fișiere care mapează automat structurile de directoare și numele fișierelor la tipare URL fără a necesita un fișier de configurare central. Platforma acoperă randarea pe partea de server, actualizările incrementale ale paginilor și bundling-ul activelor de producție cu hashing de conținut. Oferă un script de bootstrapping al proiectului pentru a inițializa mediul de dezvoltare.

pdf2htmlEX is a tool that converts PDF documents into HTML while preserving the original text, fonts, and layout. It uses CSS positioning and font embedding to replicate the PDF's appearance in a browser, producing output that works without JavaScript. The tool can generate a single self-contained HTML file with all resources embedded, or split the document into separate HTML files per page for individual loading and navigation. The converter offers extensive control over the output, including the ability to embed fonts directly into the HTML using base64-encoded Data URIs, or keep them as se

FastUI is a server-driven UI system and Pydantic UI framework that transforms backend data models into functional web interfaces. It operates as a model-based frontend generator where the server controls the layout and behavior of the user interface through structured data schemas, enabling a low-code approach to web development. The project allows for the definition of visual hierarchies and component properties on the backend, using a JSON-based protocol to communicate UI structure between the server and client. It utilizes schema-driven generation to automate the creation of interfaces, in

Reactpy is a Python web component framework and server-side UI library used to build interactive web interfaces. It allows for the creation of structured web layouts and visual logic within Python, removing the requirement to write client-side JavaScript. The framework utilizes a component-based model with reactive state management, where the user interface automatically updates in response to changes in the underlying Python state. It employs a virtual-DOM diffing process and WebSocket-based syncing to push real-time updates from the server to the browser. The system functions as an integra

css-only-chat este o aplicație web fără JavaScript care implementează un sistem de mesagerie asincron folosind doar HTML și CSS. Funcționează ca o interfață de chat care obține actualizări în timp real și interacțiune cu utilizatorul în întregime prin logica de pe server și comportamentul standard al browserului. Proiectul utilizează un declanșator de cereri bazat pe selectori CSS pentru a trimite date, profitând de încărcarea automată a imaginilor de fundal de către browser pentru a iniția cereri către server. Pentru a livra actualizări fără reîncărcări complete ale paginii, utilizează un streamer de transfer HTTP chunked care menține răspunsurile deschise și adaugă incremental fragmente HTML către client. Sistemul gestionează starea aplicației pe backend, integrând stocări de tip cheie-valoare la distanță pentru persistența mesajelor și folosind un mecanism pub-sub pentru a sincroniza starea între sesiunile concurente ale utilizatorilor. Interfața de utilizator este reîmprospătată prin înlocuirea elementelor HTML existente cu versiuni noi livrate de pe server.

Goatcounter is a privacy-focused web analytics platform designed to be self-hosted on your own infrastructure. It collects visitor statistics like page views, browser information, location, screen size, and referring sites without using cookies or storing any personal data, identifying unique visits through a non-identifiable hash derived from browser and network data. The platform distinguishes itself by offering multiple tracking methods that respect user privacy, including a lightweight JavaScript snippet, an image-based tracking pixel for environments without JavaScript, and the ability t

Goatcounter is a self-hosted web analytics platform that collects visitor statistics without cookies, personal data, or persistent identifiers. It uses privacy-preserving techniques like anonymous session hashing to count page views and visits, and can be deployed on your own infrastructure using a binary or Docker container with SQLite or PostgreSQL storage. The platform offers multiple data collection methods, including a lightweight JavaScript snippet, an image-based tracking pixel for environments where scripts are blocked, and server log file parsing from nginx, Apache, Caddy, or CloudFr

Libreddit este un client Reddit axat pe confidențialitate și un front-end care acționează ca un proxy web care protejează confidențialitatea. Oferă o interfață web ușoară pentru vizualizarea thread-urilor și media de pe Reddit printr-un server intermediar pentru a împiedica platforma originală să urmărească activitatea și identitatea utilizatorului. Proiectul elimină reclamele, scripturile de urmărire și execuția JavaScript pentru a permite consumul de conținut fără reclame și navigarea web fără JavaScript. Utilizează proxy-ul la nivel de server și proxy-ul media pentru a prelua conținutul și a re-servi imaginile și videoclipurile, mascând adresa IP a utilizatorului față de platforma externă. Sistemul securizează și mai mult experiența de navigare prin livrarea de HTML static și impunerea unei politici stricte de securitate a conținutului (Content Security Policy) pentru a restricționa browserul de la efectuarea unor cereri de rețea externe neautorizate.

Acest proiect este o bibliotecă JavaScript de integrare pentru analytics și un colector de evenimente client-side, conceput pentru a înregistra comportamentul utilizatorilor și a distribui acele date către multiple destinații terțe printr-o interfață unificată. Funcționează ca o platformă de date despre clienți (CDP) care identifică utilizatorii, gestionează atributele și direcționează fluxurile de evenimente către diverse instrumente de analiză și depozite de date (data warehouses). Biblioteca se distinge printr-un router de evenimente multi-destinație și middleware de tracking HTTP care interceptează și modifică payload-urile evenimentelor înainte de transmisie. Implementează primitive de gestionare a identității pentru identificarea utilizatorilor, alierea identităților pentru combinarea profilurilor și tracking cross-subdomain prin stocarea identificatorilor pe domeniul principal. Sistemul acoperă o gamă largă de capabilități, inclusiv monitorizarea interacțiunii utilizatorilor pentru vizualizări de pagini, trimiteri de formulare și click-uri pe link-uri, precum și tracking-ul campaniilor de marketing prin extragerea parametrilor UTM. Pentru fiabilitate, utilizează batching-ul cererilor de evenimente, cozi de retry bazate pe stocarea locală cu backoff exponențial și flag-uri de tip keepalive în browser pentru a asigura capturarea datelor în timpul redirecționărilor de pagină. Biblioteca suportă, de asemenea, pixeli de tracking pentru medii care restricționează execuția JavaScript și oferă mecanisme pentru mascarea URL-urilor de integrare, prevenind astfel blocarea cererilor.

Picnic este un framework CSS ușor, conceput pentru a accelera dezvoltarea interfețelor web responsive. Oferă o bază de stilizare fundamentală care aplică design-uri vizuale direct pe elementele HTML native, permițând crearea de layout-uri curate și accesibile fără a fi nevoie de nume de clase personalizate extinse. Framework-ul se distinge prin implementarea componentelor UI interactive — cum ar fi modale, tab-uri și meniuri de navigare — în întregime prin CSS. Prin utilizarea pseudo-claselor și a selectorilor de tip sibling, gestionează starea componentelor și interactivitatea fără a necesita logică JavaScript externă. Această abordare asigură că elementele complexe de interfață rămân funcționale și ușoare. Biblioteca include o suită cuprinzătoare de instrumente structurale și de prezentare, inclusiv un sistem de grid bazat pe flexbox, stivuirea verticală a elementelor și motoare de layout responsive care se ajustează automat la diferite dimensiuni de ecran. Oferă, de asemenea, stilizare standardizată pentru prezentarea datelor, cum ar fi tabele și carduri, alături de componente de input specializate, cum ar fi zone de upload de fișiere drag-and-drop și tooltip-uri contextuale.