44individual components — each rendered live
Project-first
12,450
points
28
projects
156
helps
Headings, dark backgrounds, borders
Dark cards, inverted sections
Role tags, strong text
Body text (rare)
Descriptions, secondary text
Labels, overlines, section headers
Captions, metadata, timestamps
Card borders, dividers
Search bar border
Progress bar background
Badge backgrounds, hover states
Steps section background
Section and card backgrounds
Card backgrounds
Primary accent (from CSS vars)
Primary hover state
Main page and section backgrounds
Card and modal backgrounds
Alternate section background
Dark cards, banners, modals
Button backgrounds, progress fill
Cards, sections, dividers
Search bar outer border
Focused, selected, active states
Active status, accepted badges
Pending status background
Rejected status (bordered)
Element badge: headings level 1
Element badge: headings level 2
Element badge: headings level 3
Element badge: paragraphs
Element badge: buttons
Element badge: links
Element badge: inputs
Element badge: forms
Hero section with heading, CTAs, and illustration
Discover Projects
Start Ideas
Join Teams
Build Proof
GroupHub turns early ideas into focused project teams, matching open roles with people ready to learn, contribute, and ship.
Featured project cards with open roles
Project-first
How-it-works steps with numbered checkmarks
Post what you want to build
Match with complementary skills
Ship with a focused team
Hero with tagline and role-based discovery
Role-based discovery
Browse teams by open roles, skill gaps, stage, and commitment. Save the promising ones, then apply when the fit is clear.
Search input with icon for filtering projects
Sidebar with category filter buttons
Pill-shaped skill filter toggles
Results count, description, and post button
248 open projects
Sorted by best fit and recent activity.
Full project card with roles, match score, and save
A study assistant that turns messy notes into flashcards, practice plans, and progress insights.
Open roles
Skills
Match
94%
Based on role, skill, and availability fit.
Alex Chen
Posted 2 days ago
Empty results fallback message
No projects found.
Try a broader search or reset the filters.
Dashboard header with actions and CTAs
Workspace
Track active projects, applications, team updates, and the next decisions that unblock progress.
4-up stats grid (active projects, roles, etc.)
Active projects
3
Open roles
6
Applications
5
Reputation
1,250
Active project list with progress bars
Next: Review flashcard flow
Next: Ship editor prototype
Next: Interview backend applicants
Application status list (pending/accepted/rejected)
Applied 2 days ago
Applied 1 week ago
Applied 2 weeks ago
Recent activity feed with icons
Sarah commented on AI Study Companion
5 min ago
New application for Portfolio Builder
1 hour ago
AI Study Companion crossed 50% progress
3 hours ago
Dark recommendation banner with CTA
Modal dialog for creating a new project
Account info panel with profile benefits
Account
Build a profile that makes it easy for teams to understand what you can contribute and what you want to learn next.
Show your skills and availability
Save projects and track applications
Create teams around early ideas
GitHub and Google OAuth button group
"or" divider between OAuth and form
Form field with leading icon
Full auth form with login/signup toggle
Welcome back
Don't have an account?
Contact page hero section
Contact
Questions, feedback, project support, or partnership ideas. Send it over and we'll route it to the right place.
Contact method cards (email, support, office)
hello@grouphub.com
Send product questions or partnership notes.
9am-5pm EST
Get help with projects, profiles, and applications.
San Francisco, CA
A small team building for global collaborators.
Contact form with name, email, subject, message
FAQ accordion-style Q&A list
Go to Dashboard, create a project, define the first milestone, and list the open roles you need.
The current student and individual experience is free while the product is being shaped.
Matching compares project roles, skills, stage, and availability signals.
Yes, as long as your availability and team responsibilities stay realistic.
About page hero with mission statement
About GroupHub
GroupHub exists for builders who have momentum but not every skill. The product makes missing roles visible and makes joining a team feel less awkward.
Two-column mission and origin cards
Make collaboration easier to start, easier to trust, and easier to finish for students, early professionals, and independent builders.
Origin
The first version came from a familiar problem: someone had an idea, some motivation, and a partial skill set, but no obvious way to find the missing teammates.
Instead of building another social profile network, GroupHub is becoming a project-first workspace where roles, stage, commitment, and skill fit are visible before anyone applies.
4-up principle/value cards grid
Collaboration should feel approachable, visible, and useful from the first project.
Every team should give people a way to contribute today and learn what comes next.
Good projects move faster when needs, ownership, and expectations are explicit.
We optimize for teams that ship proof, not profiles that sit untouched.
4-column team member profile cards
Founder
Started GroupHub after struggling to find design partners for student projects.
Product
Shapes the project matching flow and early-team experience.
Community
Builds contributor rituals, onboarding, and trust systems.
Engineering
Turns collaboration workflows into simple product surfaces.
Contribute page hero with CTA
Contribute
Find open roles across design, code, writing, testing, and mentorship. Every contribution becomes part of your project history.
Browse projects3 benefit cards (proof, builders, history)
Real project work that shows what you can do.
Collaborate beyond your immediate network.
Keep visible contributions attached to your profile.
Grid of contribution type cards
Build features, fix bugs, and connect project architecture.
Clarify flows, prototype screens, and shape product identity.
Help projects find users through content and launch strategy.
Turn rough projects into readable guides and onboarding.
Review work, coach new builders, and raise team quality.
Find issues, test flows, and make releases more reliable.
Featured project cards with priority labels
Open-source learning platform connecting students with tutors globally.
Mobile app helping users track and reduce their carbon footprint.
Health resource platform for underserved communities.
Leaderboard page hero
Leaderboard
Points reward completed work, mentorship, reviews, and reliable project momentum.
4-up stat counters
2,450
Active contributors
1,280
Projects completed
8,900
Badges earned
156
Streak leaders
Period filter toggle (All Time, Month, Week)
Top 3 contributor highlight cards
@jessicak
12,450
points
28
projects
156
helps
@mchen
11,200
points
24
projects
142
helps
@sarahw
10,850
points
31
projects
128
helps
Ranked leaderboard list (4-10)
@alexj
@emilyr
@davidp
@oliviam
@jamesw
@sophial
@danielb
"How to climb" points cards
+100
Complete a project
+50
Join a new team
+25
Receive a 5-star review
+75
Mentor a new member
Tutorials page hero
Tutorials
Short guides for creating a profile, starting projects, applying to roles, and keeping collaboration clear.
Category filter button row
Single tutorial card with metadata
Showcase skills, availability, and what you want to learn.
Dark CTA banner for finding projects
Apply the guides while browsing live teams and open roles.