codepen.io Open in urlscan Pro
2606:4700::6812:6fa4  Public Scan

Form analysis
1 forms found in the DOM

/search/pens?q=null/

<form aria-labelledby="search-title" data-test-id="search-form" class="SearchForm-module_searchForm-eYDFL" action="/search/pens?q=null/"><label class="SearchForm-module_searchInputWrap-VxSwZ"><span id="search-title"
      class="ScreenReaderText-module_root-jASUi">Search</span><svg viewBox="0 0 56.7 56.7" xmlns="http://www.w3.org/2000/svg" class="SearchForm-module_iconMag-09rf5">
      <path
        d="M42.8 7.3C33-2.4 17.1-2.4 7.3 7.3c-9.8 9.8-9.8 25.7 0 35.5 8.7 8.7 22.2 9.7 32 2.9l9.6 9.6c1.8 1.8 4.7 1.8 6.4 0 1.8-1.8 1.8-4.7 0-6.4l-9.6-9.6c6.8-9.8 5.8-23.3-2.9-32zm-6.2 29.3c-6.4 6.4-16.7 6.4-23.1 0s-6.4-16.7 0-23.1 16.7-6.4 23.1 0 6.4 16.8 0 23.1z">
      </path>
    </svg><input autocomplete="off" class="SearchForm-module_searchInput-cYc5R" data-test-id="search-input" name="q" placeholder="Search CodePen..." type="search" value=""></label></form>

Text Content

CodePen HomeCodePen Home

Navigation Menu Toggle


Navigation Menu Toggle


TRY OUR ONLINE EDITOR

Start Coding
Search PensChallengesSpark
CodePen
Your new development career awaits. Check out the latest listings. ads via
Carbon
Search
PensProjectsCollections
Sign UpLog In


AI ASSISTANT BOT

@aiassistantbot
business-ai-chatbot.blogspot.com
0 Followers0 Following Follow
With expertise in integrating AI-powered chatbots for business growth, we
explore the various ways.
PensCollections
ShowcasePopularAll PensTemplatesForkedLovedTags


AI ASSISTANT BOT HASN'T CREATED ANY PENS YET.

Go build one!

CODEPEN

AboutBlogPodcastDocumentationSupportAdvertise

FOR

TeamsEducationPrivacyEmbedsAsset Hosting

SOCIAL

YouTube𝕏InstagramMastodon

COMMUNITY

SparkChallengesTopicsCode of Conduct
CodePen HomeCodePen Home

©2024 CodePen

Demo or it didn't happen.

Terms of Service · Privacy Policy


CodePen doesn't work very well without JavaScript.

We're all for progressive enhancement, but CodePen is a bit unique in that it's
all about writing and showing front end code, including JavaScript. It's
required to use most of the features of CodePen.

Need to know how to enable it? Go here.

Close this, use anyway.
{"__browser":{"country":"DE","device":"unknown_device","mobile":false,"name":"chrome","platform":"linux","version":"129"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer
*; bluetooth *; camera *; encrypted-media *; display-capture *; geolocation *;
gyroscope *; microphone *; midi *; clipboard-read *; clipboard-write *;
web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads
allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox
allow-popups allow-presentation allow-same-origin allow-scripts
allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain
Anonymous","title":"Captain
Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain
Anonymous","name":"Captain
Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain
Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzI3NDQ1MzM0LCJpYXQiOjE3Mjc0NDE3MzQsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.NMbXPDLDH6HxXTsoA_KyqHnDSqA7uEXMNRPYjKuioZ4MJdRR4ql8tNswh_eNIHGsRDgL8JMrGP_N5AgrnjQV6saF5hH0OkaBKsdN4KaBUn8vynxOv-tqZTZGk2Yej6HOp5vXrPDFDrHDhBqz1PVT8-pCbIXxZBUenwVMWQBKqkobyfk28WENgbkmqfmL35l9tNlZQugOWqk4zal6FW-DzF_1Lf1hrdZx-ywk6ZKEU_rSxZk7Qb3l1xobjD97yB5yYPTp5-1h47MoJNua7bBbdD3Ru8w3aK5WMEnCDwbJPx6WSO5LI5FyxOZ8uHDiWm6-9hvs73isHD0f5fj52msZog"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production"}