Create beautiful HTML presentations, landings, and longforms with just basic HTML and CSS knowledge.
WebSlides is an open-source framework for creating HTML presentations, landing pages, and longform articles directly in the browser. It solves the problem of building visually appealing web-based slideshows without requiring advanced programming skills, using just basic HTML and CSS.
Designers, marketers, journalists, and developers who need to create web-based presentations or content quickly with minimal technical overhead.
Developers choose WebSlides for its simplicity, clean markup, and extensive component library, enabling rapid creation of professional-looking presentations without relying on complex tools or frameworks.
Create HTML presentations in seconds —
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses simple HTML sections with popular naming conventions, avoiding excessive classes or nesting, as emphasized in the Markup section for scalable code.
Includes over 40 pre-built components like cards, quotes, and backgrounds, enabling rapid development without custom CSS work.
Supports horizontal and vertical sliding with keyboard shortcuts, touchpad, and swipe, making presentations versatile and accessible.
Provides simple CSS classes for vertical centering and content placement, reducing layout complexity as highlighted in the CSS Alignments feature.
Based on fonts like Roboto and Maitree with a vertical rhythm using multiples of 8, ensuring consistent and aesthetic text design.
Lacks built-in support for dynamic data or state management, requiring manual HTML updates for any content changes.
Primarily designed for vanilla HTML/CSS, so integrating with modern JavaScript frameworks can be cumbersome and may break slide navigation.
Advanced features like animations require adding external libraries such as animate.css, adding setup complexity and potential compatibility issues.
Customization beyond provided colors and layouts demands deep CSS knowledge, and the system may not adapt well to highly unique designs.
WebSlides is an open-source alternative to the following products:
Keynote is Apple's presentation software included in the iWork suite, used for creating slideshows with animations, transitions, and multimedia elements on macOS and iOS devices.
PowerPoint is a presentation program developed by Microsoft as part of the Microsoft Office suite, used to create slideshows with text, images, animations, and multimedia.
Google Slides is a web-based presentation program that allows users to create, edit, and collaborate on slideshows in real-time as part of Google Workspace.