https://github.com/hsnice16/vanilla-web

Vanilla Web has code for UI Components written in HTML5, CSS3, and JavaScript. It does not depend on any framework or library, so you can use it in your code without much change.
https://github.com/hsnice16/vanilla-web

css3 html5 javascript vanilla-web vanilla-web-component

Last synced: about 1 year ago
JSON representation

Vanilla Web has code for UI Components written in HTML5, CSS3, and JavaScript. It does not depend on any framework or library, so you can use it in your code without much change.

• Host: GitHub
• URL: https://github.com/hsnice16/vanilla-web
• Owner: hsnice16
• License: mit
• Created: 2022-09-17T20:39:43.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-22T19:57:38.000Z (about 2 years ago)
• Last Synced: 2024-10-12T13:29:09.031Z (over 1 year ago)
• Topics: css3, html5, javascript, vanilla-web, vanilla-web-component
• Language: CSS
• Homepage: https://vanilla-web.netlify.app
• Size: 3.59 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          


# ✨ Vanilla Web

Now design your project faster and better with Posh UI

![Forks](https://img.shields.io/github/forks/hsnice16/vanilla-web)

![Stars](https://img.shields.io/github/stars/hsnice16/vanilla-web)

[![Netlify Status](https://api.netlify.com/api/v1/badges/b4ad1b70-9f1f-40eb-93fa-cbd4e4c09ff6/deploy-status)](https://app.netlify.com/sites/vanilla-web/deploys)



---

## 🎬 Quick Intro

Vanilla Web has code for UI Components written in `HTML5`, `CSS3`, and `JavaScript`. It does not depend on any framework or library, so you can use it in your code without much change.

---

### 📜 Components Guide

In Vanilla Web, you can find code for the following components.

- [Checkbox Input](https://github.com/hsnice16/vanilla-web/tree/main/checkbox-input)

- [Drag n Drop](https://github.com/hsnice16/vanilla-web/tree/main/drag-n-drop)

- [Dropdown Animation](https://github.com/hsnice16/vanilla-web/tree/main/dropdown-animation)

- [Gradient Border Text](https://github.com/hsnice16/vanilla-web/tree/main/gradient-border-text)

- [Infinite Scrolling Carousel](https://github.com/hsnice16/vanilla-web/tree/main/infinite-scrolling-carousel)

- [Parallax Scroll](https://github.com/hsnice16/vanilla-web/tree/main/parallax-scroll)

- [Radio Input](https://github.com/hsnice16/vanilla-web/tree/main/radio-input)

- [Ripple Effect](https://github.com/hsnice16/vanilla-web/tree/main/ripple-effect)

- [Scrollable Tab](https://github.com/hsnice16/vanilla-web/tree/main/scrollable-tab)

- [Shimmer Card](https://github.com/hsnice16/vanilla-web/tree/main/shimmer-card)

- [Toggle Switch](https://github.com/hsnice16/vanilla-web/tree/main/toggle-switch)

---

## 👨‍💻 Connect with me





---

## 🌁 Landing View

![Landing View](./landing-view.png)