Glassmorphism Generator
Three sliders for blur, refraction and depth. Copy the CSS.
A live editor for frosted glass panels. Drag blur, refraction and depth, preview it over three backgrounds, and copy CSS with the Safari prefix already in it.
Email Signature Generator
Enter your details once. Ten designs, copy straight into Gmail or Outlook.
Ten professional signature layouts that build themselves as you type. Table-based with inline styles so Outlook renders them, and the social icons are embedded so there is nothing to host.
100 CSS Buttons
Solid, gradient, glass, neumorphic, animated, neon, icon and creative.
Every button shape and effect a modern web app needs. Hover states, active states, focus rings, animation. Drop one in, move on with your day.
75 CSS Form Designs
Login, signup, contact, multi-step, payment, search, newsletter, validation.
The forms every product ships, designed properly. Includes accessibility-friendly labels, error/success states, and the conditional logic patterns you actually need.
60 Hero Sections
SaaS, marketing, centred, split, gradient, image-led, stat-strip, minimal, e-commerce.
The first 600px of every landing page. Each hero is built to convert: headline + subhead + CTA in three patterns that have been tested across thousands of pages.
80 Pricing Tables
1-tier, 2-tier, 3-tier, 4-tier, toggle, comparison, dark, featured, creative.
Every pricing pattern in the SaaS playbook. Plus the toggle styles, comparison matrices and feature-highlight ribbons that decide whether someone clicks or bounces.
50 CSS Spinners & Loaders
Spinners, dots, bars, rings, skeletons, waves, creative.
Pure-CSS loading states. No images, no JavaScript. Drop a class on any element and it animates. Includes skeleton-shimmer patterns for content-aware loading.
40 Footer Designs
Minimal, multi-column, newsletter, brand-led, sitemap, sticky, dark.
The 40 footers that cover every shipping product. Multi-column for content-heavy sites, minimal for portfolios, newsletter-led for content brands, sitemap for SEO depth.
Click. Paste. Ship.
Pick a gallery
Buttons for the obvious one. Forms for login screens. Heroes for landing pages. Pricing tables when you're shipping a SaaS. Loaders for skeleton states. Footers because you forgot the footer.
Click any card
Each preview is a button. Click it and the complete HTML + CSS for that component lands on your clipboard, already scoped to a unique class so it can't collide with your stylesheet.
Paste and ship
Drop into your stylesheet, a Tailwind layer, a Framer code component, a React/Vue/Svelte template, anywhere CSS goes. Rename the class if you want. No attribution required.
Why we built these (and gave them away)
FindDevs is a developer-quote network for Australian businesses. Most of the developers who join the network told us the same thing: there's a reasonable library of free CSS for tiny atoms (a button, a spinner) but a real shortage of shippable click-to-copy components for the bits between, heroes that don't look identical, pricing tables that don't shout, footers that aren't an afterthought.
So we built six libraries. 405+ components, all hand-crafted, all click-to-copy, all free for any commercial or personal use. No signup wall, no email capture, no nag screens. The only ask: if these saved you an afternoon, share them with another developer.
Need a real Australian engineer to wire one of these into a production app? Get 3 free quotes →