awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

53 repositorios

Awesome GitHub RepositoriesSlide Layout and Styling

Tools for defining the spatial arrangement, visual appearance, and responsive scaling of content within individual slides.

Explore 53 awesome GitHub repositories matching user interface & experience · Slide Layout and Styling. Refine with filters or upvote what's useful.

Awesome Slide Layout and Styling GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • hakimel/reveal.jsAvatar de hakimel

    hakimel/reveal.js

    71,731Ver en GitHub↗

    This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

    Resize text automatically to fit within slide boundaries without overflowing.

    JavaScriptpresentationsslidesslideshow
    Ver en GitHub↗71,731
  • typst/typstAvatar de typst

    typst/typst

    54,320Ver en GitHub↗

    Typst is a programmable, markup-based typesetting engine designed for professional document creation. It functions as a scriptable publishing toolchain that transforms plain text and code into complex, paginated outputs. By utilizing a high-performance compiler, the system automates document assembly, mathematical rendering, and dynamic content generation, providing a unified workflow for academic and technical authoring. The engine distinguishes itself through a declarative layout framework that uses cascading rules to manage document structure and visual styling. Unlike traditional systems,

    Inserts unique characters and icons by converting shorthand names into the correct visual glyphs during rendering.

    Rustcompilermarkuptypesetting
    Ver en GitHub↗54,320
  • alvarotrigo/fullpage.jsAvatar de alvarotrigo

    alvarotrigo/fullPage.js

    35,437Ver en GitHub↗

    fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

    Applies background images that scroll at different speeds to create depth effects.

    JavaScriptfullpagefullscreenjavascript
    Ver en GitHub↗35,437
  • hugohe3/ppt-masterAvatar de hugohe3

    hugohe3/ppt-master

    30,561Ver en GitHub↗

    ppt-master is an AI PowerPoint generator and LLM presentation orchestrator that converts documents and text into editable presentation files. It utilizes native shapes and structured layouts to transform content into professional slide decks. The system functions as a template processor capable of injecting generated content into existing PowerPoint files while preserving original brand designs and formatting. It integrates AI imagery services to generate custom visuals and retrieves professional stock photography with attribution management. The project covers automated slide deck creation

    Converts analyzed document content into structured data that maps directly to native PowerPoint shapes and layouts.

    Pythonai-agentaipptoffice
    Ver en GitHub↗30,561
  • jimliu/baoyu-skillsAvatar de JimLiu

    JimLiu/baoyu-skills

    21,741Ver en GitHub↗

    This project is an automation suite comprising an AI visual asset generator, a browser-based social publisher, an Electron resource extractor, and a Markdown content transformer. It functions as a content automation pipeline that uses large language models to generate text and images for distribution across social media platforms. The system distinguishes itself through specialized visual generation capabilities, producing professional infographics, slide decks, educational comics, and SVG diagrams via structured prompts. It also features a dedicated workflow for extracting resources from Ele

    Automates the creation of professional slide deck images from structured outlines and style instructions.

    TypeScript
    Ver en GitHub↗21,741
  • chalarangelo/30-seconds-of-cssAvatar de Chalarangelo

    Chalarangelo/30-seconds-of-css

    16,021Ver en GitHub↗

    Short CSS code snippets for all your development needs

    Provides CSS techniques for creating decorative background patterns using gradients and repeating patterns.

    CSScsscss-snippetseducation
    Ver en GitHub↗16,021
  • gnab/remarkAvatar de gnab

    gnab/remark

    12,995Ver en GitHub↗

    This project is a Markdown-driven presentation engine that transforms Markdown text into structured, web-based slideshows. It functions as a browser-based presentation tool that renders content with automatic scaling to maintain consistent layouts across different screen resolutions. The framework allows for custom visual layouts and global styles through the use of Markdown templates and CSS. It includes a dedicated presenter view interface that provides formatted speaker notes to keep the presenter synchronized with the audience. The system covers the end-to-end workflow of slide deck crea

    Enables customization of slide headings, code blocks, and general appearance using CSS and web fonts.

    JavaScripthtmljavascriptmarkdown
    Ver en GitHub↗12,995
  • anionex/banana-slidesAvatar de Anionex

    Anionex/banana-slides

    12,060Ver en GitHub↗

    Banana-slides is a generative AI workflow engine designed to automate the creation and refinement of professional slide decks. By leveraging large language models, the platform transforms raw text, structured outlines, and existing documents into visual presentations. It functions as an automated tool that orchestrates the entire lifecycle of a presentation, from initial content generation and layout design to final export. The system distinguishes itself through a modular provider abstraction that allows users to integrate various artificial intelligence services for content and image synthe

    Automates the creation of slide visuals in parallel using artificial intelligence with support for batch processing.

    Pythonai-ppt-makerai-slide-builderai-slides
    Ver en GitHub↗12,060
  • marp-team/marpAvatar de marp-team

    marp-team/marp

    11,974Ver en GitHub↗

    Marp is a presentation framework that transforms plain text files into slide decks using Markdown syntax. It functions as a converter and static site generator, enabling the creation of structured visual presentations that can be exported into formats including HTML, PDF, and PowerPoint. The project distinguishes itself through a modular architecture that supports custom themes and plugins, allowing users to extend the core conversion pipeline. It provides a command-line interface for automated file processing and includes reactive file-system watching to facilitate a live preview development

    Automates slide deck generation via command-line tools with live preview server support.

    TypeScriptdeckmarkdownmarp
    Ver en GitHub↗11,974
  • jxnblk/mdx-deckAvatar de jxnblk

    jxnblk/mdx-deck

    11,493Ver en GitHub↗

    mdx-deck is a markdown presentation generator and React-based framework used to create interactive slide decks. It functions as a static site presentation engine that converts Markdown and MDX files into structured, stylable browser-based slides. The framework distinguishes itself by combining structured markdown with interactive React components and a synchronized presenter mode. This presenter mode provides a dedicated second window featuring a timer, slide previews, and hidden speaker notes for live events. The system covers a broad range of presentation capabilities, including custom CSS

    Allows defining the spatial arrangement and visual appearance of content within individual slides using custom components.

    JavaScriptdeckgatsbygatsby-theme
    Ver en GitHub↗11,493
  • h5bp/effeckt.cssAvatar de h5bp

    h5bp/Effeckt.css

    10,817Ver en GitHub↗

    Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions. The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions. The framework covers a suite of visual capabilities, including directional entran

    Implements a coordinate-based system for sliding elements in and out of the viewport along specific axes.

    CSS
    Ver en GitHub↗10,817
  • formidablelabs/spectacleAvatar de FormidableLabs

    FormidableLabs/spectacle

    10,136Ver en GitHub↗

    Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

    Offers a set of predefined slide layout components for common visual structures.

    TypeScriptkeynotepresentationreact
    Ver en GitHub↗10,136
  • umano/androidslidinguppanelAvatar de umano

    umano/AndroidSlidingUpPanel

    9,456Ver en GitHub↗

    AndroidSlidingUpPanel is an Android custom view component and sliding panel library used to create draggable overlays that slide up from the bottom of an application screen. It functions as a nested scrolling UI framework that coordinates touch events between a draggable panel and its internal scrollable content. The library distinguishes itself through a parallax effect implementation that shifts background content at different speeds than the foreground panel. It supports the definition of intermediate anchor points to create partial-view states and allows for transition physics customizati

    Implements a parallax effect that shifts background content at a fractional rate relative to the panel movement.

    Java
    Ver en GitHub↗9,456
  • pipipi-pikachu/pptistAvatar de pipipi-pikachu

    pipipi-pikachu/PPTist

    9,092Ver en GitHub↗

    PPTist is a browser-based presentation editor that functions as a PowerPoint-compatible online slide tool, capable of importing, editing, and exporting PPTX files directly in a web browser. It also serves as an AI-powered presentation generator, creating slide decks automatically from templates with AI-driven content generation, and includes a full slide animation and transition engine for applying entrance, exit, emphasis, and motion-path effects. The tool distinguishes itself as a cross-platform presentation application that works on both desktop and mobile browsers for slide editing and sl

    Attaches entrance, emphasis, exit, or motion-path animations to individual elements on a slide.

    Vueaiaipptoffice
    Ver en GitHub↗9,092
  • davidjerleke/embla-carouselAvatar de davidjerleke

    davidjerleke/embla-carousel

    8,042Ver en GitHub↗

    Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating touch-enabled, swipeable content sliders. It functions as a plugin-based framework that manages scroll physics and slide positioning without imposing specific UI styles, while providing a programmable API for custom carousel development. The system is distinguished by its modular architecture, allowing developers to extend core logic through external plugins and custom event hooks. It is compatible with server-side rendering, generating initial styles on the server to prevent layout s

    Transitions the visual appearance of elements based on their relative coordinate position during a scroll.

    TypeScriptcarouselcarousel-componentcarousel-plugin
    Ver en GitHub↗8,042
  • yhatt/marpAvatar de yhatt

    yhatt/marp

    7,857Ver en GitHub↗

    Marp is a markdown presentation framework and slide generator that converts structured text into visual slide decks. It functions as a system for creating presentations by identifying specific page-break delimiters within markdown source files. The tool features a command line interface for automating the generation of slide decks within build pipelines. It utilizes a CSS-based styling system, allowing for custom visual formatting through embedded style rules, external stylesheets, and variable theme injection. The framework supports exporting presentations into multiple formats, including P

    Allows applying custom visual formatting to slide elements via embedded style rules or external stylesheets.

    Ver en GitHub↗7,857
  • mfontanini/presentermAvatar de mfontanini

    mfontanini/presenterm

    7,852Ver en GitHub↗

    Presenterm is a CLI presentation framework and tool used to create interactive slide decks directly in the terminal. It functions as a Markdown slide renderer, transforming Markdown files into formatted terminal presentations with support for synchronized speaker notes and custom YAML themes. The project distinguishes itself through a built-in terminal code executor that runs code snippets live during a presentation, replacing source blocks with real-time output. It also features a terminal image renderer capable of displaying local images, animated GIFs, and pre-rendered diagrams or mathemat

    Provides tools for defining the spatial arrangement and visual appearance of content within individual terminal slides.

    Rustclimarkdownmarkdown-slides
    Ver en GitHub↗7,852
  • glidejs/glideAvatar de glidejs

    glidejs/glide

    7,668Ver en GitHub↗

    Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga

    Applies and removes visual classes based on the current slide index to highlight active content.

    JavaScriptcarouseldependency-freees6
    Ver en GitHub↗7,668
  • dixonandmoe/rellaxAvatar de dixonandmoe

    dixonandmoe/rellax

    7,143Ver en GitHub↗

    Rellax is a dependency-free vanilla JavaScript library and frontend utility used to create parallax web design effects. It functions as a scroll-based animation tool that moves page elements at different speeds to produce a sense of depth and layered motion. The library supports both vertical and horizontal parallax tracking for panoramic layouts and allows for motion speed control. It includes breakpoint-aware speed mapping to adjust movement based on screen width and provides viewport centering to position elements relative to the center of the screen. Beyond basic motion, the tool manages

    A specialized library for implementing depth-based scrolling and parallax motion effects in web interfaces.

    HTML
    Ver en GitHub↗7,143
  • wandmalfarbe/pandoc-latex-templateAvatar de Wandmalfarbe

    Wandmalfarbe/pandoc-latex-template

    7,029Ver en GitHub↗

    This project is a collection of PDF document templates and style configurations designed to automate the transformation of Markdown content into typeset academic or professional documents. It provides a specialized workflow for generating high-quality PDF reports, books, and presentations from structured text source files. The templates allow for extensive visual customization of titles, logos, background images, and headers and footers. Users can manage document typography and layout rules through a system of visual variables and metadata mapping. The system covers a broad range of output f

    Automates the conversion of text files into structured digital presentation slides.

    Shelleisvogelkoma-scriptlatex
    Ver en GitHub↗7,029
Ant.123Siguiente
  1. Home
  2. User Interface & Experience
  3. Presentation Frameworks
  4. Slide Layout and Styling

Explorar subetiquetas

  • Active State StylingDynamic application of CSS classes to highlight the currently active element in a sequence. **Distinct from Slide Layout and Styling:** Specifically targets the active/inactive state toggle rather than general layout or decorative styling.
  • Automated Slide Generators4 sub-etiquetasSystems for automating the creation of slide visuals using artificial intelligence and batch processing. **Distinct from Slide Layout and Styling:** Distinct from general layout styling: focuses on the automated generation process rather than just styling.
  • Banner Slide LayoutsSpecific layout structures and data binding logic for individual slides within a banner carousel. **Distinct from Slide Layout and Styling:** Focuses specifically on banner-style slides rather than general presentation slides.
  • Full-Slide Image Layouts1 sub-etiquetaLayouts that render an image covering the entire slide area with object-fit and container styling options. **Distinct from Slide Layout and Styling:** Distinct from Slide Layout and Styling: specifically for full-bleed background images, not general slide arrangement.
  • Gradient Backgrounds7 sub-etiquetasTools for applying linear, radial, or conic CSS gradients to the backgrounds of presentation slides.
  • Instruction-Based Slide GeneratorsSystems that convert detailed page-by-page instructions into finished presentation slides. **Distinct from Slide Layout and Styling:** Distinct from general layout styling: focuses on the conversion of descriptive instructions into final slides.
  • Parallax BackgroundsFeatures for configuring background images that scroll at different speeds to create a parallax effect in presentations.
  • PowerPoint Slide Generation1 sub-etiquetaProgrammatic creation of individual slides using shapes, text boxes, and images. **Distinct from Automated Slide Generators:** Focuses on structural slide composition rather than AI-driven automation.
  • Slide Element Styling3 sub-etiquetasUtilities for applying decorative visual styles and borders to individual elements within presentation slides.
  • Slide-Level Class OverridesMechanisms for assigning specific CSS classes to individual slides to provide unique formatting and layout overrides. **Distinct from Slide Layout and Styling:** Distinct from general Slide Layout and Styling by focusing specifically on the per-slide assignment of CSS classes for unique overrides.
  • Solid Background Application1 sub-etiquetaUtilities for applying solid color themes to slide backgrounds.
  • Symbol InsertorsMechanisms for converting shorthand names into visual glyphs.
  • Synchronized Slide Movement1 sub-etiquetaCoordinates the movement of horizontal slides across multiple sections to move in unison. **Distinct from Slide Layout and Styling:** Distinct from Slide Layout and Styling: focuses on the synchronized timing and direction of movement across different sections.
  • Text Scaling UtilitiesFunctions that automatically resize text to fit within specified dimensions on a presentation slide.
  • Theme Customization EnginesMechanisms for creating or modifying CSS files to define custom visual themes for presentation frameworks.