Space-themed visuals with a warp-speed background animation
HTMLCorporate Website
Webslides-Warp-Template — HTML Business Template
By Tea-n-Tech
A space-themed HTML presentation template based on WebSlides, featuring a warp-speed background animation and integrated code highlighting and typewriter animation as examples.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
HTML slide structure based on WebSlides
Integrated highlight.js for code highlighting examples
Integrated TypewriterJS for character-by-character typing animations
Author-provided screenshots and a YouTube demo video
MIT licensed, allowing modification and commercial use
Template Details
This is a WebSlides presentation template with a space travel visual theme. Built with HTML, its core effect is a warp-speed background animation that gives slides a starfield-travel feel during transitions. The repository also integrates several third-party libraries into the examples to demonstrate what WebSlides can support: highlight.js handles code highlighting, and TypewriterJS handles character-by-character typing animations. The README states that these libraries are included as examples to illustrate how WebSlides can be extended.
The template includes author-provided screenshot previews and a YouTube video so you can see how it looks before opening it locally. The project is MIT licensed, allowing free use, modification, commercial use, and distribution of this version of the code; however, third-party assets and libraries mentioned in the README—such as the background effect, code highlighting, and typewriter animation—must be checked separately against their own licenses. The repository does not describe a build process or dependency management, so you should verify the external resources the page requires before use.
HTMLCorporate Website
Is it right for your project?
Use Cases
- Technical talks or product introduction presentations
- Web slides that need a space or sci-fi visual style
- Examples showing WebSlides integration with third-party libraries
- As an HTML presentation template for further modification
Suitable For
- Developers who need to quickly build web-based presentations
- Technical speakers who prefer a space visual style
- Front-end learners looking for examples of extending WebSlides
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository does not describe build steps; typically you can preview by opening the HTML file directly
- 2
The warp background effect comes from a third-party implementation; check its license before use
- 3
highlight.js and TypewriterJS are external libraries; confirm how they are included and their licenses
- 4
Demo images, fonts, icons, and other assets need separate authorization checks
- 5
When distributing or distributing modified versions, retain the MIT license and copyright notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in a public repository under the MIT license; the free scope applies to this version of the code and does not mean external services or third-party assets are free.
Must comply with when using
- You may freely use, modify, commercially use, and distribute this version of the code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The warp-speed background effect comes from a third-party implementation by Federico Dossena; its license is independent of the MIT code license, and you must check its authorization terms separately before use or redistribution.
- Code highlighting depends on the third-party library highlight.js and must comply with its own license; that library is not part of this project's MIT license.
- The typewriter animation depends on the third-party library TypewriterJS; its use and distribution must comply with its own license, which is independent of this project's MIT license.
- The README acknowledges that some assets have unknown sources and their authorization cannot be confirmed; using or redistributing these assets carries licensing risk and requires your own verification.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; do not judge based solely on the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional fees.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Warpspeed effect by [Federico Dossena](https://fdossena.com/?p=home.frag)
Original README
[highlight.js](https://highlightjs.org/) for code highlighting
Original README
[TypewriterJS](https://safi.me.uk/typewriterjs/) for writing animation
Original README
https://github.com/Tea-n-Tech/Webslides-Warp-Template/blob/main/LICENSEhttps://github.com/Tea-n-Tech/Webslides-Warp-Template/blob/main/README.mdOther stuff I forgot where it came from
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 56 / 100
- Technologies
- HTML
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2021-02-25
- Screenshot last checked
- 2026-10-02
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: e0de2b824c177b441b0bb2aff651d15b7f50cea6567fd763a06f415871da2ef3
2026-10-02T07:28:55.732Z
Source file / repository# Tea-n-Tech Space Webslides Template This webslides template is forged with a stunning space travelling effect. Additionally as an example case, multiple libraries were integrated to display the capabilities of webslides. ## Demo [](https://tea-n-tech.github.io/Webslides-Warp-Template/#slide=1) ## Video You can find the featured Youtube Video below. [](https://www.youtube.com/watch?v=rp7XB409fiA&feature=youtu.be) ## Credits - A cup of Oolong-Tea 🍵 - Warpspeed effect by [Federico Dossena](https://fdossena.com/?p=home.frag) - [highlight.js](https://highlightjs.org/) for code highlighting - [TypewriterJS](https://safi.me.uk/typewriterjs/) for writing animation - Other stuff I forgot where it came from 😬 simply open an Issue or make a PR
Explore similar templates
Compare previews and descriptions within the same stack and category.
mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
startbootstrap-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website
startbootstrap-landing-page
A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.
HTML · Corporate Website
Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website