Projects sharing features with Webslides

This project is a jQuery content slider used to create responsive image galleries and touch-enabled carousels. It functions as an accessible UI component that displays images, video, or HTML content using hardware-accelerated animations. The slider includes built-in support for swipe gestures and finger-following navigation for touch-enabled devices. It integrates ARIA attributes, such as Aria Live and Aria Hidden, to ensure screen reader compatibility and accessibility for users of assistive technologies. The system provides comprehensive layout and navigation capabilities, including config

nodeppt is a markdown presentation generator and static site generator that transforms markdown source files into interactive web-based slide decks. It consists of a command-line build tool and a specialized frontend runtime used to deliver presentations in a web browser. The project features a dual-screen presentation runtime that synchronizes the audience view with a private speaker notes monitor. It employs a plugin-based markdown pipeline and a post-processing DOM transformation system to convert custom syntax into structured HTML content. The framework supports technical content generat

Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a design system implementation that provides a set of reusable styled elements and layout primitives to ensure visual consistency across web pages. The system utilizes a BEM-based styling architecture to manage specificity and prevent style leakage. It combines a utility-first CSS library for common layout and spacing needs with a responsive CSS grid that adjusts based on viewport width. The framework covers front end styling, responsive web development, and rapid UI prototyping. It

CSS Layout is a pure CSS pattern library that provides pre-built layout components for common page structures, implemented entirely with CSS using flexbox and grid. The collection focuses on reusable, encapsulated components that handle overlapping elements, vertical centering, sticky footers, and classic page layouts without requiring any JavaScript for rendering or interactivity. The library offers a range of practical layout implementations including centered navigation menus, element stacking techniques, holy grail page layouts, and responsive grid systems. Each pattern is built as a self

eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It functions as a Vue.js slideshow framework that uses a component architecture to manage slide hierarchies and transitions within a browser. The system distinguishes itself through support for nested presentation hierarchies, allowing slideshows to be embedded within other slides to organize complex information. It includes a dual-window synchronization system for a dedicated presenter mode, which separates a private controller for speaker notes from the public display. The fra

Susy is a Sass layout framework and grid computation engine designed to automate complex mathematical layout calculations within stylesheets. It functions as a responsive grid generator that calculates column widths, gutters, and spans based on customizable viewport breakpoints to ensure precise element alignment. The system includes a visual layout debugger that generates browser-based grid overlays to verify column alignment and baseline rhythm during development. It also provides utilities for creating repeating background colors and gradients using a template-based syntax. The framework

bespoke.js is a DOM-driven presentation tool and HTML framework that transforms existing web elements into navigable slide decks. It functions as a web-based deck orchestrator, using a JavaScript engine to manage slide transitions and state through CSS and programmatic API controls. The project is built as a plugin-based slide engine, allowing developers to extend core behavior by intercepting navigation events and injecting custom lifecycle logic. This modular system enables the creation of tailored presentation frameworks by adding specific behavioral logic or state management. The toolset

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface components. It functions as a responsive CSS grid system and a CSS reset library that normalizes default browser rendering to ensure a uniform appearance across different web environments. The project provides standalone styles for common interactive elements such as buttons, menus, forms, and tables. It utilizes a modular architecture that allows for the inclusion of specific style modules and employs namespace isolation to prevent visual conflicts between components. The fram

WeUI is a mobile design system and CSS component framework providing a collection of pre-styled widgets and layout components for building mobile web applications. It functions as a mobile web UI library that enforces a consistent visual language and design language across web environments. The library utilizes a BEM styling system to prevent CSS conflicts and ensure modular component behavior. It provides a set of reusable styles and layout helpers that enable rapid prototyping of mobile web layouts through standardized buttons, dialogs, and navigation elements. The framework includes a mob

This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements

North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

Fusuma is a markdown presentation framework and static slide generator that transforms Markdown and MDX files into structured slide decks for web-based presentations. It functions as a technical content renderer and an interactive presentation tool, enabling the creation of slides from text-based source files. The project distinguishes itself as a speaker delivery suite, providing tools for presentation rehearsal such as voice recording, timing analysis, and rehearsal timelines. It includes a dedicated presenter view with speaker notes and supports real-time slide annotations and live comment

deck.js is an HTML presentation framework and slide generator used to create structured digital slideshows. It transforms web technologies and standard HTML elements into a sequenced presentation format for browser-based delivery. The system includes a dedicated utility for generating printable presentation handouts, which converts digital slides into a simplified black and white format for physical distribution.

Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

Metro UI is a progressive front-end framework for building reactive single-page applications with a Metro-style design language. It provides a component-based UI library with over 150 prebuilt interface elements, a reactive state model that automatically updates the DOM when application data changes, and a responsive grid layout system for mobile-first web development. The framework uses an HTML-first approach where interactive interfaces are assembled by adding custom HTML attributes to elements, eliminating the need for manual JavaScript glue code. It includes a hash-based SPA router for na

mdp is a markdown terminal presentation tool and slide deck renderer. It uses a text-based user interface to transform markdown files into structured presentations displayed directly within the command line. The project distinguishes itself by offering both a terminal-based presentation environment and a markdown to PDF converter. This allows slide content to be exported into PDF documents while preserving syntax highlighting, dark themes, and custom colors. The system manages slide navigation through keyboard shortcuts, including sequential movement and direct indexing. It supports incremen

Wave is a full-stack web application framework and low-code UI library designed for building real-time data dashboards and interactive interfaces using Python and R. It allows developers to define browser-based user interfaces and manage server-side state without writing HTML or CSS. The project functions as a collaborative state synchronizer, relaying and persisting application state across multiple concurrent users to enable shared real-time experiences. It distinguishes itself by broadcasting live updates and data visualizations to connected browsers through a unified programming model. T

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

This project is a curated collection of technical slide decks focused on high-performance architecture, middleware, cloud-native technologies, and Golang development. The slides are stored as Markdown files in a Git repository, which provides version history and straightforward hosting, and are converted into HTML for direct viewing in a web browser without requiring any downloads. The repository covers a range of advanced technical topics, including distributed consensus algorithms like Raft, network programming models such as epoll and io_uring, and the internals of systems like Apache Puls

Shower is a web-based slide framework and markup-driven generator used to create interactive presentations. It functions as an HTML presentation engine that renders structured markup into browser-based slideshows supporting keyboard navigation and custom styling. The system utilizes a command line interface to manage the creation, bundling, and publishing of presentation assets. It separates presentation logic from visual design through a template-driven theme system, allowing for the application of external CSS themes. The framework includes tools for technical content formatting, such as c

system.css is a CSS component library and design system used to build web applications that mimic the look and feel of traditional desktop computing environments. It provides a toolkit of semantic classes and global variables to ensure visual uniformity across nostalgic, retro-inspired user interfaces. The framework enables the development of desktop-style web applications by structuring content within window containers and modal dialogs. It specifically supports the creation of monochrome interfaces and layouts that replicate the aesthetic of classic Macintosh operating systems. The library

Galaxy is a curated CSS UI component library and visual design gallery. It serves as a front-end code snippet manager and a searchable repository of community-sourced HTML and CSS assets. The project provides tools for UI component discovery and design prototyping, allowing users to browse an archive of interface elements and layout patterns. It includes a code export mechanism for copying markup and styling directly into external development workflows. The system supports responsive web design through flexible grid layouts and interface elements that adapt to different screen sizes. A JSON-

Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based