Devfolio
Documentation

Keyboard Accessibility

💡 Tip: Use this dropdown to get help from AI tools like ChatGPT or Claude.

Devfolio is now keyboard accessible, complete with custom-built nav + shortcut components.

🔍View All Keyboard Shortcuts

Press ? on your keyboard anytime to bring up the Keyboard Shortcuts help dialog.

💡 Pro tip: If you hear your laptop fan spin up - it’s not stress, it’s excitement. You’re shortcutting your way to glory.

💾 Save Your Project

Once you're on the project submission page:

  • Hit CMD + S to Save your project
  • Want to save as a draft instead? Use CMD + Shift + S

📝 Save & Close Modal

Add your commit message and:

  • Hit CMD + Enter to Save & Close any modal

👀 Preview Your Changes

  • Press CMD + P to Preview your project

🚀 Use the Command Palette

Time to find a hackathon to submit your project!

  • Press CMD + K to open the Command Palette
  • Type the name of a hackathon (or use Arrow Keys to scroll) and press Enter to jump right in

⚡ Bonus: Power Navigation

  • Space / Enter – Select options
  • Arrow Keys – Move through lists and options
  • / – Focus the Search Bar
Keyboard accessibility

🧪 Example Flow

Let’s say you're editing a project:

  1. Press CMD + S to save.
  2. Enter your commit message.
  3. Press CMD + Enter to confirm.
  4. Want to double-check? Press CMD + P to preview.
  5. Ready to submit? Hit CMD + K, find your hackathon, and go for it!

Might be a good time to fire up the 🔗 MCP for that submission.

Let your keyboard do the work, and ship faster on Devfolio. 🧑‍💻✨

How is this guide?

Setting Up Your Devfolio Account

Edit your username/password, make your profile private, delete your Devfolio Account and much more 🔧

Start Your Devfolio Hacker Experience Here

Hey there, hacker! 👋 Feeling a bit lost about where to start with Devfolio? Don't worry - we've got your back!