Awesome GitHub RepositoriesCSS Framework Integrations

Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow

Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha

Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system. The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices. The library covers broad capabilities for responsive web design and the construction of user interfaces through the int

This project is a CSS color utility library and palette framework designed to standardize the application of colors to text, backgrounds, and borders on the web. It provides a web color style system with predefined classes and defaults to accelerate the visual styling of web prototypes. The system utilizes skin-based color theming, allowing users to swap entire color palettes by changing top-level classes. It employs a utility class system backed by global CSS variable mapping to ensure visual harmony across different UI elements. The framework supports rapid UI prototyping and general web c

This project is an admin interface kit and component library designed for building internal tool backends and management consoles. It provides a collection of pre-designed administrative layouts and user interface elements built specifically for the Vue framework. The system functions as a Bulma CSS framework template, utilizing a structured styling system to facilitate the rapid prototyping of functional administrative screens and dashboards. The toolkit covers general admin dashboard development and internal tooling design through the use of reusable components and predefined layouts.

DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets. The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh

Auto generated skeleton loading framework

json-editor هو مولد واجهة مستخدم مدفوع بالمخطط ومحرر قائم على الويب ينشئ تلقائياً نماذج HTML تفاعلية من تعريفات JSON Schema. يعمل كأداة لجمع وتعديل والتحقق من البيانات المنظمة عن طريق تعيين مواصفات المخطط إلى مكونات الإدخال المقابلة. يتميز المشروع ببنية إدخال إضافية (plug-in) وتعيين مكون قائم على المحلل، مما يسمح بحقن محررات الطرف الثالث وواجهات إدخال مخصصة لأنواع البيانات المتخصصة مثل markdown، والألوان، والكود الملون بناءً على الصيغة. كما يدعم حل المخطط الخارجي عبر URLs والربط بالمخطط الفائق لدمج نماذج البيانات البعيدة والمستندات ذات الصلة. يغطي النظام إدارة تخطيط النماذج الشاملة، بما في ذلك ترتيبات الشبكة وتكوينات المصفوفة، إلى جانب المنطق الشرطي للحقول التابعة وتعبئة التعداد الديناميكي. ويوفر محرك تحقق يفرض كلاً من قيود المخطط الموحدة وقواعد العمل المخصصة، مع دعم توطين سلسلة واجهة المستخدم والتكامل مع أطر عمل CSS الخارجية.

ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.

django-crispy-forms is a Django form rendering library used to generate styled HTML output from forms. It employs a programmatic form layout engine that allows the composition of form structures and styling using Python objects rather than handwritten HTML templates. The library uses a template pack system to decouple form logic from visual styling, enabling the application of different CSS frameworks through configuration settings. This ensures frontend UI consistency by swapping the set of HTML templates used for various frameworks. The tool provides a Django template filter to produce com

Pagy is a framework-agnostic Ruby pagination library used to split large datasets into numbered pages. It provides multiple implementations for dividing data, including offset-based slicing for standard collections and high-performance keyset pagination for massive datasets. The library includes a pagination UI generator for rendering accessible HTML navigation bars and a dedicated tool for REST API pagination that produces RFC-compliant link headers and JSON metadata. It also features specialized systems for dividing results from search engines like Elasticsearch, Meilisearch, and Typesense,

This project is a component library that bridges the Bulma CSS framework with React. It provides a set of declarative building blocks that map standard CSS framework patterns to reusable interface elements, enabling the construction of responsive and accessible web layouts. The library utilizes a compositional architecture where modular components encapsulate specific styling rules and structural behaviors. It supports polymorphic rendering, allowing components to dynamically change their underlying HTML tags at runtime to maintain semantic structure. Developers can also utilize property mapp