https://github.com/adityamamta/animated-search-bar

animated search bar build with HTML, CSS & Javascript
https://github.com/adityamamta/animated-search-bar

animation frontend-web html-css-javascript search-bar web-development

Last synced: 5 days ago
JSON representation

animated search bar build with HTML, CSS & Javascript

• Host: GitHub
• URL: https://github.com/adityamamta/animated-search-bar
• Owner: adityamamta
• Created: 2024-12-04T08:17:35.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-04T08:20:09.000Z (about 1 month ago)
• Last Synced: 2024-12-04T09:28:01.520Z (about 1 month ago)
• Topics: animation, frontend-web, html-css-javascript, search-bar, web-development
• Language: CSS
• Homepage: https://adityamamta.github.io/animated-search-bar/
• Size: 252 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Animated Search Bar

## 

A visually appealing search bar with smooth animations, toggleable icons, and responsive design, built using HTML, CSS, and JavaScript.

---

## Features

- **Expandable Search Bar**: Smooth animation expands the input field on click.

- **Toggleable Icons**: Search and close icons dynamically toggle on interaction.

- **Custom Animations**: SVG rotation effect adds a sleek touch.

- **Responsive Design**: Works seamlessly across devices.

---

## Technologies Used

- **HTML5**

- **CSS3 (with keyframe animations)**

- **Vanilla JavaScript**

---

## 💼 Contact Me 

- **LinkedIn**: [LinkedIn](https://www.linkedin.com/in/adityamamta/)

- **Email**: [email protected]

---