This is Inspo
The best websites, handpicked weekly. Only the exceptional ones make it in.
Eleken
A UI/UX product design agency that helps SaaS teams design, redesign, and improve digital products through dedicated design talent and ongoing support.
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.
Find exactly what you need
Press F anytime. Filter by element, section, interaction, or industry. Combine filters to narrow things down.
This is the Vault
Real transitions, buttons, and sections as paste-ready code. The details that make sites unforgettable.
Grab the code
Copy for AI gives ChatGPT or Claude everything they need. Prefer to build it yourself? Get Code opens the guide.
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, handpicked references.
-
2 Find the right direction
Explore, refine and choose the idea that fits your project.
-
3 Make it yours
Let your AI turn the direction you chose into something built for your project.
Connected
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, handpicked references.
-
2 Find the right direction
Explore, refine and choose the idea that fits your project.
-
3 Make it yours
Let your AI turn the direction you chose into something built for your project.
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.
Send feedback
Pro
New board
Delete board
This will delete and all the items saved in it. Items saved to other boards are not affected.