The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Open-Source UI Component Library — Zero Dependencies, Framework Agnostic
My own Component Library is a custom-built, open-source collection of 30+ production-ready UI components — designed and developed entirely from scratch using pure HTML, CSS, and JavaScript with zero external dependencies.
Built as a reusable design system, the library covers everything from core form elements (Input, Checkbox, Radio, Select, Textarea) to navigation patterns (Breadcrumb, Dropdown, Stepper) and feedback components (Toast, Alert, Tooltip, Spinner) — all fully accessible and WCAG 2.1 AA compliant out of the box.
The library integrates seamlessly with modern frameworks including Astro, React, Vue, Angular, and .NET applications, making it a truly framework-agnostic solution. It includes Tailwind CSS support, design tokens for easy theming, comprehensive documentation with live examples, and a complete API reference.
This project demonstrates deep frontend engineering expertise — from component architecture and accessibility standards to design system thinking and developer experience.
Tech Stack:
HTML
CSS
JavaScript
Astro
Design System
Open Source
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
I’m exploring two homepage hero directions for a Lumena Health concept and testing which one feels stronger for a preventive healthcare brand.
Both directions focus on the same core message: healthcare built around prevention, not reaction.
Direction 1 feels more warm, human, and consultation-focused.
The large lifestyle image creates a clear patient/provider moment right away, which helps the experience feel personal and trustworthy.
Direction 2 feels more premium, editorial, and brand-driven.
The dark green background, centered headline, and image collage make the page feel more elevated and visually distinctive.
Direction 1: personal, warm, trust-focused
Direction 2: premium, editorial, brand-forward
Which direction feels stronger for a preventive healthcare website?
25 voted
40%
37 voted
60%
62 votes
Closed
Direction 1's consultation-focused warmth feels like it'll convert better for anxious first-time patients, but Direction 2's premium editorial feel might build more trust with referral sources. Did you already have a lean going in, or are you genuinely torn?
🚀 Your Website Should Work While You Sleep
A website isn't just an online brochure.
It should be your hardest-working team member—bringing in leads, answering questions, and helping customers take action 24/7.
When I build WordPress websites, I focus on more than just appearance. Every project is designed to help businesses achieve real goals.
Here are a few essentials every business website should have:
✅ A clear value proposition on the homepage
✅ Fast loading speeds for a better user experience
✅ Mobile-friendly design that works on every device
✅ Strong calls-to-action that guide visitors
✅ Contact forms that make it easy to get in touch
A well-designed website doesn't just look professional—it builds trust and supports your business around the clock.
If you could improve one thing about your current website, what would it be?
A simple upload page redesigned to an aesthetic feel . plz give your suggestions.
0 voted
0%
7 voted
100%
7 votes
Closed
I like the direction of the new design—the visual hierarchy feels stronger, and the page has much more personality. My only suggestion would be to increase the spacing slightly and strengthen the contrast around the upload area so the primary action stands out immediately.