https://github.com/arfoux/static-html-templates
A collection of interesting CodePen projects with corresponding static HTML templates. You can explore the live demos, view the demo on your site, and access the HTML source code via GitHub for each project.
https://github.com/arfoux/static-html-templates
Last synced: 2 months ago
JSON representation
A collection of interesting CodePen projects with corresponding static HTML templates. You can explore the live demos, view the demo on your site, and access the HTML source code via GitHub for each project.
- Host: GitHub
- URL: https://github.com/arfoux/static-html-templates
- Owner: arfoux
- License: mit
- Created: 2024-11-30T11:48:36.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T19:33:12.000Z (6 months ago)
- Last Synced: 2025-01-31T15:53:06.060Z (4 months ago)
- Language: HTML
- Size: 79.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Free Static HTML Templates
A collection of interesting CodePen projects with corresponding static HTML templates. You can explore the live demos, view the demo on your site, and access the HTML source code via GitHub for each project.
## List of Projects
### 1. **3DBoxes**
**By**: Aaron Iker
[Source](https://codepen.io/aaroniker/details/MWgRBdV)
[View Demo](https://page.arfoux.me/3DBoxes)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/3DBoxes/index.html)
### 2. **AnimatedCube**
**By**: David Khourshid
[Source](https://codepen.io/davidkpiano/pen/aqNZxX)
[View Demo](https://page.arfoux.me/AnimatedCube)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/AnimatedCube/index.html)
### 3. **AnimatedEye**
**By**: Julia Miocene
[Source](https://codepen.io/miocene/pen/rNOVWor)
[View Demo](https://page.arfoux.me/AnimatedEye)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/AnimatedEye/index.html)
### 4. **BigSurCard**
**By**: Simone Checchia
[Source](https://codepen.io/checchiadesign/pen/BaLxdmd)
[View Demo](https://page.arfoux.me/BigSurCard)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/BigSurCard/index.html)
### 5. **BlossomingFlowers**
**By**: Usman Ansari
[Source](https://codepen.io/mdusmanansari/pen/BamepLe)
[View Demo](https://page.arfoux.me/BlossomingFlowers)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/BlossomingFlowers/index.html)
### 6. **BlurCardQuotes**
**By**: Simon Pythoud
[Source](https://codepen.io/simonpythoud/pen/jLmymW)
[View Demo](https://page.arfoux.me/BlurCardQuotes)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/BlurCardQuotes/index.html)
### 7. **BongoCatCodes**
**By**: Caroline Artz
[Source](https://codepen.io/carolineartz/details/qBOEzQa)
[View Demo](https://page.arfoux.me/BongoCatCodes)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/BongoCatCodes/index.html)
### 8. **BloomingFlower**
**By**: Shadow Shahriar
[Source](https://codepen.io/ShadowShahriar/details/vYWXKpK)
[View Demo](https://page.arfoux.me/BloomingFlower)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/BloomingFlower/index.html)
### 9. **Card3D**
**By**: Phill
[Source](https://codepen.io/ph1p/details/BpRWWM)
[View Demo](https://page.arfoux.me/Card3D)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/Card3D/index.html)
### 10. **Carousel3D**
**By**: Hoang Hien
[Source](https://codepen.io/hoanghien0410/pen/MMPaqm)
[View Demo](https://page.arfoux.me/Carousel3D)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/Carousel3D/index.html)
### 11. **GlassmorphismCalculator**
**By**: Tirso Lecointere
[Source](https://codepen.io/tirsolecointere/pen/zYwWbWv)
[View Demo](https://page.arfoux.me/GlassmorphismCalculator)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/GlassmorphismCalculator/index.html)
### 12. **GlassmorphismCard**
**By**: John Munir
[Source](https://codepen.io/john_r_muir/pen/rNWWegg)
[View Demo](https://page.arfoux.me/GlassmorphismCard)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/GlassmorphismCard/index.html)
### 13. **GlassmorphismIconHover**
**By**: Gee Hsu
[Source](https://codepen.io/GeeHsu/details/jOMJMLe)
[View Demo](https://page.arfoux.me/GlassmorphismIconHover)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/GlassmorphismIconHover/index.html)
### 14. **GlassmorphismLogin**
**By**: Beetran
[Source](https://codepen.io/beetran/pen/JjRyBvN)
[View Demo](https://page.arfoux.me/GlassmorphismLogin)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/GlassmorphismLogin/index.html)
### 15. **GranTurismo**
**By**: Xpressive Team
[Source](https://codepen.io/Xpressive_Team/details/DveQLN)
[View Demo](https://page.arfoux.me/GranTurismo)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/GranTurismo/index.html)
### 16. **Intertwined**
**By**: Christopher Lis
[Source](https://codepen.io/chriscourses/pen/begZrM)
[View Demo](https://page.arfoux.me/Intertwined)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/Intertwined/index.html)
### 17. **LoveAnimation**
**By**: CrocoDillon
[Source](https://codepen.io/CrocoDillon/details/njBbab)
[View Demo](https://page.arfoux.me/LoveAnimation)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/LoveAnimation/index.html)
### 18. **NeuralNetwork**
**By**: Matei Copot
[Source](https://codepen.io/towc/pen/wGjXGY)
[View Demo](https://page.arfoux.me/NeuralNetwork)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/NeuralNetwork/index.html)
### 19. **PlasmaticIsosurface**
**By**: Justin Windle
[Source](https://codepen.io/soulwire/details/DKwJLY)
[View Demo](https://page.arfoux.me/PlasmaticIsosurface)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/PlasmaticIsosurface/index.html)
### 20. **PurpleLasers**
**By**: Dave Kwiatkowski
[Source](https://codepen.io/davekwiatkowski/pen/jjYQVd)
[View Demo](https://page.arfoux.me/PurpleLasers)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/PurpleLasers/index.html)
### 21. **SleepingCats**
**By**: Agoodwin
[Source](https://codepen.io/agoodwin/pen/ypeWYE)
[View Demo](https://page.arfoux.me/SleepingCats)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/SleepingCats/index.html)
### 22. **StoryTemplate**
**By**: Jussi Soini
[Source](https://codepen.io/jjsoini/pen/vyzNGa)
[View Demo](https://page.arfoux.me/StoryTemplate)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/StoryTemplate/index.html)
### 23. **VueEmojiSlider**
**By**: Josh Collinsworth
[Source](https://codepen.io/collinsworth/pen/OYgGNK)
[View Demo](https://page.arfoux.me/VueEmojiSlider)
[HTML Template](https://github.com/arfoux/static-html-templates/blob/master/VueEmojiSlider/index.html)
---
## How to Use
Click on the **Source** link to view the live demo of each project on CodePen. You can also click **View Demo** to see the project live on the page hosted on `page.arfoux.me`. The HTML template for each project is available on GitHub.
## License
Each project is hosted on CodePen and is subject to the individual author's license. Please check the respective project page for licensing information.
## Contributing
Feel free to fork this repository and submit a pull request if you'd like to add more projects.