eyJleHRlcm5hbF9saW5rIjoiaHR0cHM6Ly9kcmliYmJsZS5jb20iLCJleHRlcm5hbF9saW5rX3RleHQiOiJEcmliYmJsZSIsInJlY2lwZSI6eyJvcHRpb25zIjp7ImF1dGhvcml6YXRpb25VUkwiOiJodHRwczovL2RyaWJiYmxlLmNvbS9vYXV0aC9hdXRob3JpemUiLCJ0b2tlblVSTCI6Imh0dHBzOi8vZHJpYmJibGUuY29tL29hdXRoL3Rva2VuIiwic2NyaXB0cyI6eyJmZXRjaFVzZXJQcm9maWxlIjoiZnVuY3Rpb24gZmV0Y2hVc2VyUHJvZmlsZShhY2Nlc3NUb2tlbiwgY29udGV4dCwgY2FsbGJhY2spIHtcbiAgcmVxdWVzdC5nZXQoe1xuICAgIHVybDogJ2h0dHBzOi8vYXBpLmRyaWJiYmxlLmNvbS92Mi91c2VyJyxcbiAgICBoZWFkZXJzOiB7XG4gICAgICAnQXV0aG9yaXphdGlvbic6ICdCZWFyZXIgJyArIGFjY2Vzc1Rva2VuXG4gICAgfVxuICB9LFxuICAoZXJyLCByZXNwLCBib2R5KSA9PiB7XG4gICAgaWYgKGVycikge1xuICAgICAgcmV0dXJuIGNhbGxiYWNrKGVycik7XG4gICAgfVxuXG4gICAgaWYgKHJlc3Auc3RhdHVzQ29kZSAhPT0gMjAwKSB7XG4gICAgICByZXR1cm4gY2FsbGJhY2sobmV3IEVycm9yKGBbUmVzcG9uc2UgY29kZTogJHtyZXNwLnN0YXR1c0NvZGV9XSAke2JvZHl9YCkpO1xuICAgIH1cblxuICAgIGxldCBib2R5UGFyc2VkO1xuICAgIHRyeSB7XG4gICAgICBib2R5UGFyc2VkID0gSlNPTi5wYXJzZShib2R5KTtcbiAgICB9IGNhdGNoIChqc29uRXJyb3IpIHtcbiAgICAgIHJldHVybiBjYWxsYmFjayhuZXcgRXJyb3IoYm9keSkpO1xuICAgIH1cblxuICAgIGJvZHlQYXJzZWQudXNlcl9pZCA9IGJvZHlQYXJzZWQuaWQ7XG4gICAgYm9keVBhcnNlZC5waWN0dXJlID0gYm9keVBhcnNlZC5hdmF0YXJfdXJsO1xuICAgIHJldHVybiBjYWxsYmFjayhudWxsLCBib2R5UGFyc2VkKTtcbiAgfSk7XG59In19fSwic3VwcG9ydF9sZXZlbCI6ImNvbW11bml0eSIsIm1ldGFfdGl0bGUiOiJEcmliYmJsZSBJbnRlZ3JhdGlvbiB3aXRoIEF1dGgwIiwibWV0YV9kZXNjcmlwdGlvbiI6IkRyaWJiYmxlIC0gTGV2ZXJhZ2UgRHJpYmJibGUncyBkZXNpZ24gbmV0d29yayB3aXRoIHRoZSBEcmliYmJsZSBsb2dpbiBvcHRpb24iLCJ2YWx1ZV9wcm9wcyI6W3sidGl0bGUiOiJFYXN5IE9uYm9hcmRpbmciLCJkZXNjcmlwdGlvbiI6IkltcHJvdmUgeW91ciBhcHBsaWNhdGlvbidzIHVzZXIgZXhwZXJpZW5jZSBieSBvZmZlcmluZyB0aGUgZWFzeSBvcHRpb24gdG8gc2lnbiBpbiB3aXRoIERyaWJiYmxlIHdpdGggdGhpcyBpbnRlZ3JhdGlvbi4ifSx7InRpdGxlIjoiQ29tbXVuaXR5IiwiZGVzY3JpcHRpb24iOiJEcmliYmJsZSBoYXMgYnVpbHQgYSBodWdlLCBjYXJpbmcgY29tbXVuaXR5IG9mIGRlc2lnbmVycyB0aGF0IGFkaGVyZSB0byBEcmliYmJsZSdzIGNvZGUgb2YgY29uZHVjdC4gV2l0aCB0aGlzIGludGVncmF0aW9uLCBEcmliYmJsZSdzIHVwc3RhbmRpbmcgdXNlcnMgY2FuIGJlY29tZSB5b3VyIG93bi4ifSx7InRpdGxlIjoiVXNlciBQcm9maWxlcyIsImRlc2NyaXB0aW9uIjoiRWFzaWx5IGludGVncmF0ZSBwcm9maWxlIGluZm9ybWF0aW9uIGZyb20gZXhpc3RpbmcgRHJpYmJibGUgdXNlcnMgaW50byB5b3VyIG93biBhcHBsaWNhdGlvbi4ifV0sImZvcm1fZmllbGRzIjpbeyJuYW1lIjoiY2xpZW50X2lkIiwibGFiZWwiOiJDbGllbnQgSUQiLCJkYXRhVHlwZSI6InN0cmluZyIsInJlcXVpcmVkIjp0cnVlfSx7Im5hbWUiOiJjbGllbnRfc2VjcmV0IiwibGFiZWwiOiJDbGllbnQgU2VjcmV0IiwiZGF0YVR5cGUiOiJzdHJpbmciLCJyZXF1aXJlZCI6dHJ1ZX0seyJuYW1lIjoicGVybWlzc2lvbnMiLCJsYWJlbCI6IlBlcm1pc3Npb25zIiwiZGF0YVR5cGUiOiJjaGVja2JveEdyb3VwIiwiY2hlY2tib3hlcyI6W3sia2V5IjoicHVibGljIiwibmFtZSI6IlB1YmxpYyIsInJlcXVpcmVkIjp0cnVlLCJkZWZhdWx0VmFsdWUiOnRydWV9XX1dfQ==

[Dribbble](https://dribbble.com) is a community for designers to showcase their work, network, and explore other designer's creations for inspiration. With over 12 million users, Dribbble has created one of the largest networks for design professionals. Companies such as Google, Airbnb, Apple, Facebook, and Slack leverage Dribbble to showcase the top of the line work done by their design teams and connect with potential hires.

You can use the Auth0 + Dribbble integration to add the option for your users to sign into your application using their existing Dribbble account.

<p>The Dribbble social connection allows users to log in to your application using their Dribbble profile.</p>
<p>By default, Auth0 automatically syncs user profile data with each user login, thereby ensuring that changes made in the connection source are automatically updated in Auth0. Optionally, you can <a href="https://auth0.com/docs/users/configure-connection-sync-with-auth0">disable user profile data synchronization</a> to allow for updating profile attributes from your application.</p>


<h2 id="prerequisites">Prerequisites</h2>
<p>Before you begin, <a href="https://dribbble.com/signup/new">sign up for a Dribbble account</a>.</p>


<h2 id="set-up-app-in-dribbble">Set up app in Dribbble</h2>
<p>Set up an app in the <a href="https://dribbble.com/session/new">Dribbble Developer Portal</a>. During this process, Dribbble will generate a <strong>Client ID</strong> and <strong>Client Secret</strong> for your application; make note of these.</p>
<p>While setting up your app, use the following settings:</p>
<table class="table"><thead><tr><th>Field</th><th>Value to Provide</th></tr></thead><tbody><tr><td>Redirect URI</td><td><code>https://YOUR_DOMAIN/login/callback</code></td></tr></tbody></table>

<h3 id="find-your-auth0-domain-name">Find your Auth0 domain name</h3>
<p>If your Auth0 domain name is not shown above and you are not using our custom domains feature, your domain name is your tenant name, your regional subdomain (unless your tenant is in the US region and was created before June 2020), plus<code>.auth0.com</code>. For example, if your tenant name were <code>exampleco-enterprises</code>, your Auth0 domain name would be <code>exampleco-enterprises.us.auth0.com</code> and your redirect URI would be <code>https://exampleco-enterprises.us.auth0.com/login/callback</code>. (If your tenant is in the US and was created before June 2020, then your domain name would be <code>https://exampleco-enterprises.auth0.com</code>.)</p>
<p>If you are using <a href="https://auth0.com/docs/custom-domains">custom domains</a>, your callback URL will have the following format: <code>https://&lt;YOUR CUSTOM DOMAIN&gt;/login/callback</code>.</p>


<h2 id="test-connection">Test connection</h2>
<p>You&#39;re ready to <a href="https://auth0.com/docs/dashboard/guides/connections/test-connections-social">test your connection</a>.</p>


Dribbble - Leverage Dribbble's design network with the Dribbble login option

Dribbble Integration with Auth0

Dribbble

Leverage Dribbble's design network with the Dribbble login option

Improve your application's user experience by offering the easy option to sign in with Dribbble with this integration.

Easy Onboarding

Dribbble has built a huge, caring community of designers that adhere to Dribbble's code of conduct. With this integration, Dribbble's upstanding users can become your own.

Community

Easily integrate profile information from existing Dribbble users into your own application.