About WebDevSnippets
WebDevSnippets is a free library of ready-to-use UI components for web and mobile developers. Every component is plain HTML, CSS and vanilla JavaScript, so it works in any project and any stack.
Deniz Sengul
Hi, I'm Deniz. I build and run WebDevSnippets on my own. I started it because I kept rebuilding the same interface pieces from scratch on every project: pricing tables, modals, forms, navbars and cards. So I collected them in one place, made them easy to copy, and made them free.
I review and test every component in the live preview at mobile, tablet and desktop widths before it is published, and new components are added every day. Each one comes with notes on how it works and how to customise it, so you can adapt it to your project in minutes.
How it works
- Find a component by category, framework or search.
- Try it in the live preview at mobile, tablet and desktop widths.
- Copy the HTML, CSS and JavaScript, or download a single HTML file.
Frameworks
- Pure CSS: no dependencies at all.
- Bootstrap 5: uses Bootstrap's CSS and JavaScript bundle from a CDN. No jQuery.
- Tailwind CSS: uses Tailwind utility classes. Previews use the Tailwind browser build; compile Tailwind in production.
Quality guidelines
- Self-contained: no dependency on other code on your page.
- Component-specific class names to avoid style conflicts.
- No global JavaScript variables.
- Responsive, keyboard accessible, with correct ARIA attributes.
Contact
Found a bug in a component, have an idea for a new one, or just want to say hi? I read every message: ourteaminbox@outlook.com
All components are free to use. See the license for details.