Redefining open-source
collaboration for indie creators
, developers
, and designers
. πβ¨
Important
If you find sourceful.space helpful and want to support the project, please give it a star on GitHub! Your star helps the development.
Note
Expect bugs and errors because the project is currently in beta
stage.
Sourceful Space is a modern, open-source
platform that empowers developers and designers to explore
, share
, invest
and contribute
to open-source and early-stage
startup projects β¨. It leverages a robust design system, AI-powered
feedback π€, and a beautiful, customizable UI π¨ to streamline project building and π community engagement
.
- βοΈ
Next.js
(React Framework) - π¦
TypeScript
(Type Safety) - π¨
SCSS
(Design Tokens, Theming) - π¦Έ
Supabase
(Database & Auth) - π€
Google Fonts
(Typography) - β²
Vercel
(Deployment) - π
PrismJS
(Code Highlighting) - π€
AI Integration
(Google Gemini API) - π§©
Custom Once-UI Design System
(Reusable components & tokens)
- β‘
Consistency & Speed:
Use a design system with tokens and components for a unified, fast workflow. - π€
AI-Powered:
Instantly review your open-source startup ideas with AI feedback. - π±
Open Source:
Fork, contribute, and make it your own. - π₯
Community-Driven:
Built for and by indie creators.
-
π§βπ»
Clone or Fork the repository:
git clone https://github.com/divyanshudhruv/sourceful.space.git cd sourceful.space git checkout -b your-branch-name npm install npm run dev
-
π
Set up environment variables if any:
- Copy
.env.local.example
to.env.local
and add your Supabase and Gemini API keys.
- Copy
-
π
Visit
http://localhost:3000
in your browser. -
π
Start coding:
Make changes, and see them live in your browser. -
π§ͺ
Pull request:
Submit a pull request after creating a new branch.
- π
Explore Projects:
Browse open-source and early startup projects on the homepage. π - π‘
Submit Your Idea:
- Use the textarea labeled "
Describe your open-source startup idea
". - Click Review by AI to get instant feedback powered by
AI
. π€
- Use the textarea labeled "
- π
Add Projects:
- Press Ctrl+K to open the command palette.
- Select Submit Project (or press P in the palette).
- Enter your project details, tech stack, and upload media. π¦
- Hit Submit to share your project with the community!
- π¨
Theme Switching:
- Use the theme switcher in the UI or the keybind (see below) to toggle between light and dark mode.
- πΌοΈ
Media Uploads:
- Use the
MediaUpload
component to add images/assets to your project.
- Use the
- β‘
Command Palette:
- Press Ctrl+K (Windows/Linux) or β+K (Mac) to open the command bar for quick navigation and actions.
π― Action | π» Keybind (Windows/Linux) | π Keybind (Mac) | π Description |
---|---|---|---|
Command Palette | Ctrl + K |
β + K |
Open command bar (Kbar) |
Scroll to Top | T |
T |
Instantly scroll to top |
Theme Toggle | Shift + D |
Shift + D |
Switch between light/dark mode |
Go Home | H (in Kbar) |
H |
Navigate to homepage |
Submit Project | P (in Kbar) |
P |
Open project submission dialog |
Sign Up | S (in Kbar) |
S |
Open sign up dialog |
Log Out | O (in Kbar) |
O |
Log out |
π‘ Tip: All Kbar actions are searchable and can be triggered by keyboard!
- π¨ Tokens:
- All design tokens (colors, spacing, typography) are in
src/once-ui/tokens/
. - Change theme, brand, accent, and more in
src/app/resources/config.js
.
- All design tokens (colors, spacing, typography) are in
- π§± Components:
- Use any component from
@/once-ui/components
in your pages. - Example:
import { Button, Text, Heading } from "@/once-ui/components";
- Use any component from
- π Theming:
- Supports light/dark mode and multiple color schemes.
- Easily override tokens for your own branding.
- βοΈ
Describe your idea
in the textarea. - π±οΈ
Click
Review by AI. - β‘
Get instant feedback:
The AI will tell you if your idea is a good open-source startup and why (or why not).
See LICENSE
for details. π
- π§© Built with Once UI
- π¦Έ Powered by Supabase & Google Gemini
Crafted with β by the indie creators for the open-source community.