Production UI components. Free. Live on s7ui.com.
s7ui exists to make the internet free and accessible for every developer. We support open source work. This repository is the public catalog of the library: heroes, navs, cards, AI surfaces, charts, and the rest of a shipped product UI. Live previews and docs are on the site.
Star this repo if s7ui should be easier to find. Then open the library.
- Live site: https://s7ui.com
- Browse components: https://s7ui.com/components/hero-2
- Why s7ui: https://s7ui.com/why-s7ui
- Who’s s7: https://s7ui.com/whos-s7
- Free forever: https://s7ui.com/free-forever
- Custom UI work: https://s7ui.com/contact
Packages are going live soon. Until then, the source of truth is the site.
Each page below is a dedicated GitHub entry with a dedicated s7ui.com link.
- Home → https://s7ui.com
- Browse components → https://s7ui.com/components/hero-2
- Why s7ui → https://s7ui.com/why-s7ui
- Who’s s7 → https://s7ui.com/whos-s7
- Developers → https://s7ui.com/developers
- Free forever → https://s7ui.com/free-forever
- Trust → https://s7ui.com/trust
- Contact → https://s7ui.com/contact
- Installation → https://s7ui.com/docs/installation
- Theme → https://s7ui.com/docs/theme
- UI guide → https://s7ui.com/ui-guide
- Creators → https://s7ui.com/creators
- Advertisers → https://s7ui.com/advertisers
98 components. One GitHub page each. One live link each.
Logo — 3 live pages
- Logo 1 → https://s7ui.com/components/logo-1
- Logo 2 → https://s7ui.com/components/logo-2
- Logo 3 → https://s7ui.com/components/logo-3
Hero Sections — 3 live pages
- Hero 1 → https://s7ui.com/components/hero-1
- Hero 2 → https://s7ui.com/components/hero-2
- Hero 3 → https://s7ui.com/components/hero-3
Nav Bar — 2 live pages
Footer Sections — 3 live pages
- Footer 1 → https://s7ui.com/components/footer-1
- Footer 2 → https://s7ui.com/components/footer-2
- Footer 3 → https://s7ui.com/components/footer-3
Features — 6 live pages
- Features 1 → https://s7ui.com/components/features-1
- Features 2 → https://s7ui.com/components/features-2
- Features 3 → https://s7ui.com/components/features-3
- Features 4 → https://s7ui.com/components/features-4
- Features 5 → https://s7ui.com/components/features-5
- Features 6 → https://s7ui.com/components/features-6
Bento Cards — 2 live pages
Pricing — 5 live pages
- Pricing → https://s7ui.com/components/pricing
- Pricing 2 → https://s7ui.com/components/pricing-2
- Pricing 3 → https://s7ui.com/components/pricing-3
- Pricing 4 → https://s7ui.com/components/pricing-4
- Pricing 5 → https://s7ui.com/components/pricing-5
Cards — 10 live pages
- Card 1 → https://s7ui.com/components/card-1
- Card 2 → https://s7ui.com/components/card-2
- Card 3 → https://s7ui.com/components/card-3
- Card 4 → https://s7ui.com/components/card-4
- Card 5 → https://s7ui.com/components/card-5
- Card 6 → https://s7ui.com/components/card-6
- Card 7 → https://s7ui.com/components/card-7
- Card 8 → https://s7ui.com/components/card-8
- Card 9 → https://s7ui.com/components/card-9
- Card 10 → https://s7ui.com/components/card-10
Button — 12 live pages
- Animated Button → https://s7ui.com/components/animated-button
- Animated Button 2 → https://s7ui.com/components/animated-button-2
- Animated Button 3 → https://s7ui.com/components/animated-button-3
- Button 1 → https://s7ui.com/components/button-1
- Button 2 → https://s7ui.com/components/button-2
- Button 3 → https://s7ui.com/components/button-3
- Button 4 → https://s7ui.com/components/button-4
- Button 5 → https://s7ui.com/components/button-5
- Button 6 → https://s7ui.com/components/button-6
- Button 7 → https://s7ui.com/components/button-7
- Button 8 → https://s7ui.com/components/button-8
- Expandable Button → https://s7ui.com/components/expandable-button
Loading — 4 live pages
- Loading 1 → https://s7ui.com/components/loading-1
- Loading 2 → https://s7ui.com/components/loading-2
- Loading 3 → https://s7ui.com/components/loading-3
- Loading 4 → https://s7ui.com/components/loading-4
Message — 1 live pages
Selector — 2 live pages
- Selector 1 → https://s7ui.com/components/selector-1
- Selector 2 → https://s7ui.com/components/selector-2
AI Assistance — 12 live pages
- AI Thinking 1 → https://s7ui.com/components/ai-thinking-1
- AI Thinking 2 → https://s7ui.com/components/ai-thinking-2
- AI Output → https://s7ui.com/components/ai-output
- AI Output 2 → https://s7ui.com/components/ai-output-2
- AI Output 3 → https://s7ui.com/components/ai-output-3
- AI Thinking 3 → https://s7ui.com/components/ai-thinking-3
- AI Chat Input → https://s7ui.com/components/ai-chat-input
- AI Chat Input 2 → https://s7ui.com/components/ai-chat-input-2
- AI Research Report → https://s7ui.com/components/ai-research-report
- AI Planning → https://s7ui.com/components/ai-planning
- AI Status → https://s7ui.com/components/ai-status
- AI Recommendation → https://s7ui.com/components/ai-recommendation
Floating Bar — 2 live pages
- Floating Bar 1 → https://s7ui.com/components/floating-bar-1
- Floating Bar 2 → https://s7ui.com/components/floating-bar-2
Stat & Data — 8 live pages
- Gauge 1 → https://s7ui.com/components/gauge-1
- Heatmap 1 → https://s7ui.com/components/heatmap-1
- Chart 1 → https://s7ui.com/components/chart-1
- Line Chart 1 → https://s7ui.com/components/line-chart-1
- Stats → https://s7ui.com/components/stats
- Stats 2 → https://s7ui.com/components/stats-2
- Funnel 1 → https://s7ui.com/components/funnel-1
- Cost Estimate → https://s7ui.com/components/cost-estimate
Steps — 4 live pages
- Steps 1 → https://s7ui.com/components/steps-1
- Steps 2 → https://s7ui.com/components/steps-2
- Steps 3 → https://s7ui.com/components/steps-3
- Steps 4 → https://s7ui.com/components/steps-4
Calendar — 3 live pages
- Calendar 1 → https://s7ui.com/components/calendar-1
- Calendar 2 → https://s7ui.com/components/calendar-2
- Expandable Calendar 3 → https://s7ui.com/components/expandable-calendar-3
Testimonials — 4 live pages
- Testimonial 1 → https://s7ui.com/components/testimonial-1
- Testimonial 2 → https://s7ui.com/components/testimonial-2
- Testimonial 3 → https://s7ui.com/components/testimonial-3
- Testimonial 4 → https://s7ui.com/components/testimonial-4
Auth Form — 1 live pages
Rating Stars — 4 live pages
- Rating Stars 1 → https://s7ui.com/components/rating-stars-1
- Rating Stars 2 → https://s7ui.com/components/rating-stars-2
- Rating Stars 3 → https://s7ui.com/components/rating-stars-3
- Rating Stars 4 → https://s7ui.com/components/rating-stars-4
Pagination — 4 live pages
- Pagination 1 → https://s7ui.com/components/pagination-1
- Pagination 2 → https://s7ui.com/components/pagination-2
- Pagination 3 → https://s7ui.com/components/pagination-3
- Pagination 4 → https://s7ui.com/components/pagination-4
Up Vote — 2 live pages
Maps — 1 live pages
- Brief: https://s7ui.com/contact
- Email: sharath@s7ui.com
s7ui is free and open. We exist to make the internet free and accessible for every developer, and to support open source work. The live library is https://s7ui.com.