This is Inspo
The best websites, handpicked weekly. Only the exceptional ones make it in.
Ramp
Ramp’s design team showcases its work and design approach for fellow designers and prospective team members.
Loading page
Welcome inside
Everything you need to find better ideas and build websites that stand out.
You're all set.
Go find the details that make your next project stand out. We'll keep adding new ones every week.
Get full access
Unlock unlimited inspiration for your next project.
Pro
- Full Inspo library
- Remix any inspo
- 10 boards
- And more
Vault
- Full Vault library
- Full library access for your AI
- Copy-ready code
- And more
Find exactly what you need
Type what you need in your own words. Smart Search will find the best matches for you, or use filters to narrow things down.
This is the Vault
Real transitions, buttons, and sections as paste-ready code. The details that make sites unforgettable.
Your AI just got taste
Connect Details to your AI. Find the right inspiration, explore directions, and bring them into your project.
New board
Delete board
This will delete and all the items saved in it. Items saved to other boards are not affected.
Rename board
Account
Manage the identity connected to your Details account.
Delete account
Permanently remove your Details account and its associated data.
Plan & billing
Review your personal plan and any Team access attached to your account.
Personal plan
Starter
Browse the latest Details releases with Starter access.
Team access
Team
Manage shared access, seats, and the people you work with.
Collaborate with your team
Invite teammates to save inspiration together, share boards, and add comments in one workspace.
Members
·
Your AI just got access to taste.
Handpicked from the most original, high-end design on the web. Now available directly to your AI.
See how it works-
1 Ask for what you need
Tell your AI what you’re working on and get relevant references directly from Details.
-
2 Pick what you like
Explore the references together. Mix a layout from one, motion from another, or simply choose the direction that feels right.
-
3 Make it yours
Your AI understands how each reference works and can adapt those ideas to your own project.
Authorized apps
How to get started
Pick your AI tool
Choose your client and we'll show you exactly how to connect it.
Add Details to Claude Code
Run this once in a terminal to register Details for your user account.
claude mcp add details --scope user --transport http https://api.details.so/mcp Open the MCP menu
Start Claude Code, enter the command below, then choose Details.
/mcp Approve the connection
Choose Authenticate and sign in to your Details account in the browser.
Ready to use
Return to Claude Code and start searching Details.
Open MCP settings
In Cursor, open Settings → Tools & MCP and choose New MCP Server. Use global settings for every project, or project settings for one workspace.
Add the Details server
Paste this configuration into your mcp.json file and save it.
{
"mcpServers": {
"details": {
"url": "https://api.details.so/mcp"
}
}
} Connect your account
Back in Tools & MCP, find Details, choose Connect, and approve access in the browser.
Ready to use
Details is now available to Cursor in the scope you selected.
Add the Details MCP server
Run this once in a terminal to register the remote server.
codex mcp add details --url https://api.details.so/mcp Start the login flow
Run the login command to open Details authorization in your browser.
codex mcp login details Approve the connection
Sign in to Details, review the request, and choose Continue.
Ready to use
Return to Codex. Start a new session if it was already open during setup.
Open MCP connections
From the chat input, open the add menu, choose MCPs, then select Add MCP.
Enter the server details
Name the connection Details and paste the remote server URL.
https://api.details.so/mcp Approve the connection
Select OAuth when prompted, then sign in and approve Details access.
Ready to use
Details is now available from your v0 chat.
Find your client's MCP settings
Open the integrations or MCP area in your AI client.
Add the server URL
Create a remote HTTP MCP server named Details and paste this address.
https://api.details.so/mcp Approve the connection
Use OAuth when available, then sign in and approve access to Details.
Ready to use
The Details tools should now appear in your client.
Your AI just got access to taste.
Handpicked from the most original, high-end design on the web. Now available directly to your AI.
See how it works-
1 Ask for what you need
Tell your AI what you’re working on and get relevant references directly from Details.
-
2 Pick what you like
Explore the references together. Mix a layout from one, motion from another, or simply choose the direction that feels right.
-
3 Make it yours
Your AI understands how each reference works and can adapt those ideas to your own project.
How to get started
Sign in to Details
Check your account's MCP access, then connect your assistant.
Sign in or create an accountPick your AI tool
Choose your client and we'll show you exactly how to connect it.
Add Details to Claude Code
Run this once in a terminal to register Details for your user account.
claude mcp add details --scope user --transport http https://api.details.so/mcp Open the MCP menu
Start Claude Code, enter the command below, then choose Details.
/mcp Approve the connection
Choose Authenticate and sign in to your Details account in the browser.
Ready to use
Return to Claude Code and start searching Details.
Open MCP settings
In Cursor, open Settings → Tools & MCP and choose New MCP Server. Use global settings for every project, or project settings for one workspace.
Add the Details server
Paste this configuration into your mcp.json file and save it.
{
"mcpServers": {
"details": {
"url": "https://api.details.so/mcp"
}
}
} Connect your account
Back in Tools & MCP, find Details, choose Connect, and approve access in the browser.
Ready to use
Details is now available to Cursor in the scope you selected.
Add the Details MCP server
Run this once in a terminal to register the remote server.
codex mcp add details --url https://api.details.so/mcp Start the login flow
Run the login command to open Details authorization in your browser.
codex mcp login details Approve the connection
Sign in to Details, review the request, and choose Continue.
Ready to use
Return to Codex. Start a new session if it was already open during setup.
Open MCP connections
From the chat input, open the add menu, choose MCPs, then select Add MCP.
Enter the server details
Name the connection Details and paste the remote server URL.
https://api.details.so/mcp Approve the connection
Select OAuth when prompted, then sign in and approve Details access.
Ready to use
Details is now available from your v0 chat.
Find your client's MCP settings
Open the integrations or MCP area in your AI client.
Add the server URL
Create a remote HTTP MCP server named Details and paste this address.
https://api.details.so/mcp Approve the connection
Use OAuth when available, then sign in and approve access to Details.
Ready to use
The Details tools should now appear in your client.
Send feedback
Members only
Invite friends.
Invite friends.
Upgrade your setup.
Give friends 10% off and unlock rewards as they join.
An active Pro, Max, or Lifetime plan is required to share this link.
0 referrals and rewards
1
› Share your link
2
› A friend joins
3
Your setup gets better
Frequently asked questions
Share your unique link with friends. When someone joins Details through your link and subscribes to a paid plan, they count as a successful referral and move you closer to your next reward.
A referral counts when a new customer joins through your unique link and subscribes to a paid Details plan. Refunded, disputed, fraudulent, or otherwise reversed purchases don’t count. You can find the full eligibility rules in our Referral Program Terms.
Rewards unlock automatically as you reach each referral milestone. We’ll let you know whenever you’ve unlocked something new.
Click Claim under an unlocked reward and confirm. We’ll apply Details credit or Lifetime to your account after review. For AirPods Pro and Apple Studio Display, we’ll contact you to arrange delivery.
Apple Studio Display unlocks at 30 successful referrals. It’s the fourth and final reward. Each reward can be claimed once.
Fixed rewards are generally provided as shown and can’t be exchanged for cash. If there’s an issue receiving a physical reward in your country, get in touch and we’ll see what we can do.
No. Self-referrals, duplicate accounts, fake accounts, or other attempts to artificially generate referrals aren’t eligible. See our Referral Program Terms for the complete rules.
You’ll find all eligibility requirements, reward conditions, shipping rules, and other details in our Referral Program Terms .