René's URL Explorer Experiment


Title: devl.dev — UI experiments built on coss-ui

Open Graph Title: devl.dev — UI experiments built on coss-ui

X Title: devl.dev — UI experiments built on coss-ui

Description: Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.

Open Graph Description: Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.

X Description: Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.

Opengraph URL: https://devl.dev

direct link

Domain: devl.dev

color-schemelight dark
theme-color#0a0a0a
authorSean Brydon
og:typewebsite
og:site_nameSean's scratch pad
og:imagehttps://devl.dev/og.png
og:image:width1200
og:image:height630
og:image:altTwo years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.
twitter:cardsummary_large_image
twitter:imagehttps://devl.dev/og.png
twitter:creator@seanbrydon13

Links:

component librarycoss-uiThe library every design here is built on. Tailwind v4 + Base UI, accessible, copy-paste.Browse componentshttps://coss.com/ui
starter kitOrbitThe full stack wired up — auth, billing, emails, the works. Skip the boring week.Try the starterhttps://wereorbit.com
schedulingCal.comScheduling infrastructure for teams. The day job — book meetings without the back-and-forth.Book a timehttps://cal.com
Workspace railworkspace-rail.tsxhttps://devl.dev/c/layouts/workspace-rail
Mini icon railmini-rail.tsxhttps://devl.dev/c/layouts/mini-rail
Docs treedocs-tree.tsxhttps://devl.dev/c/layouts/docs-tree
Inbox railinbox-rail.tsxhttps://devl.dev/c/layouts/inbox-rail
App shellapp-shell.tsxhttps://devl.dev/c/layouts/app-shell
Two-panetwo-pane.tsxhttps://devl.dev/c/layouts/two-pane
Three-panethree-pane.tsxhttps://devl.dev/c/layouts/three-pane
Split resizablesplit-resizable.tsxhttps://devl.dev/c/layouts/split-resizable
Focus modefocus-mode.tsxhttps://devl.dev/c/layouts/focus-mode
Floating toolbarfloating-toolbar.tsxhttps://devl.dev/c/layouts/floating-toolbar
Canvas toolscanvas-tools.tsxhttps://devl.dev/c/layouts/canvas-tools
Bottom navbottom-nav.tsxhttps://devl.dev/c/layouts/bottom-nav
Workspace settingsworkspace-settings.tsxhttps://devl.dev/c/forms/workspace-settings
Invite teammatesinvite-teammates.tsxhttps://devl.dev/c/forms/invite-teammates
Notification preferencesnotifications.tsxhttps://devl.dev/c/forms/notifications
Create API keyapi-key.tsxhttps://devl.dev/c/forms/api-key
Loginlogin.tsxhttps://devl.dev/c/auth/login
Onboardingonboarding.tsxhttps://devl.dev/c/auth/onboarding
Waitlist landingwaitlist.tsxhttps://devl.dev/c/auth/waitlist
Check your emailcheck-email.tsxhttps://devl.dev/c/auth/check-email
Inset logininset-login.tsxhttps://devl.dev/c/auth/inset-login
Centered signincentered-signin.tsxhttps://devl.dev/c/auth/centered-signin
Centered signupcentered-signup.tsxhttps://devl.dev/c/auth/centered-signup
Left signinleft-signin.tsxhttps://devl.dev/c/auth/left-signin
Right signinwipright-signin.tsxhttps://devl.dev/c/auth/right-signin
Glass signupwipglass-signup.tsxhttps://devl.dev/c/auth/glass-signup
OTP verifyotp-verify.tsxhttps://devl.dev/c/auth/otp-verify
Reset passwordreset-password.tsxhttps://devl.dev/c/auth/reset-password
Two-factortwo-factor.tsxhttps://devl.dev/c/auth/two-factor
Magic link sentmagic-link-sent.tsxhttps://devl.dev/c/auth/magic-link-sent
Metrics overviewmetrics-overview.tsxhttps://devl.dev/c/dashboards/metrics-overview
Plan usageusage.tsxhttps://devl.dev/c/dashboards/usage
Analyticsanalytics.tsxhttps://devl.dev/c/dashboards/analytics
Personal homehome.tsxhttps://devl.dev/c/dashboards/home
Revenuewiprevenue.tsxhttps://devl.dev/c/dashboards/revenue
Service healthwipservices.tsxhttps://devl.dev/c/dashboards/services
Engineering velocitywipengineering.tsxhttps://devl.dev/c/dashboards/engineering
Support queuewipsupport.tsxhttps://devl.dev/c/dashboards/support
Marketswipmarket.tsxhttps://devl.dev/c/dashboards/market
Invoicesinvoices.tsxhttps://devl.dev/c/tables/invoices
Team memberswipmembers.tsxhttps://devl.dev/c/tables/members
Ordersorders.tsxhttps://devl.dev/c/tables/orders
Server logslogs.tsxhttps://devl.dev/c/tables/logs
API keyswipapi-keys.tsxhttps://devl.dev/c/tables/api-keys
Inventoryinventory.tsxhttps://devl.dev/c/tables/inventory
Issue trackerissues.tsxhttps://devl.dev/c/tables/issues
Transactionstransactions.tsxhttps://devl.dev/c/tables/transactions
Audit logaudit-log.tsxhttps://devl.dev/c/tables/audit-log
Filter toolbartoolbar.tsxhttps://devl.dev/c/filters/toolbar
Faceted popoverfaceted.tsxhttps://devl.dev/c/filters/faceted
Active filter chipschips.tsxhttps://devl.dev/c/filters/chips
Filter sidebarwipsidebar.tsxhttps://devl.dev/c/filters/sidebar
Inbox zeroinbox-zero.tsxhttps://devl.dev/c/empty-states/inbox-zero
No resultsno-results.tsxhttps://devl.dev/c/empty-states/no-results
First projectfirst-project.tsxhttps://devl.dev/c/empty-states/first-project
End of feedend-of-feed.tsxhttps://devl.dev/c/empty-states/end-of-feed
No teammateswipno-team.tsxhttps://devl.dev/c/empty-states/no-team
Empty trashtrash.tsxhttps://devl.dev/c/empty-states/trash
404404.tsxhttps://devl.dev/c/empty-states/404
Maintenancemaintenance.tsxhttps://devl.dev/c/empty-states/maintenance
No filesno-files.tsxhttps://devl.dev/c/empty-states/no-files
Offlineoffline.tsxhttps://devl.dev/c/empty-states/offline
Profileprofile.tsxhttps://devl.dev/c/settings/profile
Appearancewipappearance.tsxhttps://devl.dev/c/settings/appearance
Billingbilling.tsxhttps://devl.dev/c/settings/billing
Integrationswipintegrations.tsxhttps://devl.dev/c/settings/integrations
Securitysecurity.tsxhttps://devl.dev/c/settings/security
Roles & permissionswippermissions.tsxhttps://devl.dev/c/settings/permissions
Workspace brandingbranding.tsxhttps://devl.dev/c/settings/branding
Localizationlocalization.tsxhttps://devl.dev/c/settings/localization
Webhookswebhooks.tsxhttps://devl.dev/c/settings/webhooks
Privacy & dataprivacy.tsxhttps://devl.dev/c/settings/privacy
Developerdeveloper.tsxhttps://devl.dev/c/settings/developer
Single sign-onwipsso.tsxhttps://devl.dev/c/settings/sso
Stat tilestat-tile.tsxhttps://devl.dev/c/cards/stat-tile
Profile cardwipprofile.tsxhttps://devl.dev/c/cards/profile
Pricing tierspricing.tsxhttps://devl.dev/c/cards/pricing
Product cardproduct.tsxhttps://devl.dev/c/cards/product
Invoice lineinvoice.tsxhttps://devl.dev/c/cards/invoice
Kanban tasktask.tsxhttps://devl.dev/c/cards/task
Calendar eventevent.tsxhttps://devl.dev/c/cards/event
Integrationintegration.tsxhttps://devl.dev/c/cards/integration
Article previewmedia.tsxhttps://devl.dev/c/cards/media
Payment methodpayment-method.tsxhttps://devl.dev/c/cards/payment-method
Confirm deleteconfirm-delete.tsxhttps://devl.dev/c/modals/confirm-delete
Share linkshare-link.tsxhttps://devl.dev/c/modals/share-link
Upload filesupload-files.tsxhttps://devl.dev/c/modals/upload-files
Command palettecommand-palette.tsxhttps://devl.dev/c/modals/command-palette
Feedbackwipfeedback.tsxhttps://devl.dev/c/modals/feedback
Keyboard shortcutsshortcuts.tsxhttps://devl.dev/c/modals/shortcuts
Upgrade planupgrade.tsxhttps://devl.dev/c/modals/upgrade
Export dataexport.tsxhttps://devl.dev/c/modals/export
Create workspacecreate-workspace.tsxhttps://devl.dev/c/modals/create-workspace
Two-factor setuptwo-factor.tsxhttps://devl.dev/c/modals/two-factor
Revenue arearevenue-area.tsxhttps://devl.dev/c/charts/revenue-area
Cohort heatmapcohort-heatmap.tsxhttps://devl.dev/c/charts/cohort-heatmap
Funnelfunnel.tsxhttps://devl.dev/c/charts/funnel
Radial gaugesgauges.tsxhttps://devl.dev/c/charts/gauges
Grouped barsbar-grouped.tsxhttps://devl.dev/c/charts/bar-grouped
Multi-series lineline-multi.tsxhttps://devl.dev/c/charts/line-multi
Donut breakdowndonut.tsxhttps://devl.dev/c/charts/donut
Scatter plotwipscatter.tsxhttps://devl.dev/c/charts/scatter
Waterfallwipwaterfall.tsxhttps://devl.dev/c/charts/waterfall
Audit trailaudit.tsxhttps://devl.dev/c/timelines/audit
Notifications panelnotifications.tsxhttps://devl.dev/c/timelines/notifications
Changelogchangelog.tsxhttps://devl.dev/c/timelines/changelog
Commit historycommits.tsxhttps://devl.dev/c/timelines/commits
Approvalsapprovals.tsxhttps://devl.dev/c/timelines/approvals
Pull requestwippull-request.tsxhttps://devl.dev/c/timelines/pull-request
PR ops consolewippr-ops-console.tsxhttps://devl.dev/c/timelines/pr-ops-console
Release timelinewipreleases.tsxhttps://devl.dev/c/timelines/releases
Status pagewipstatus-page.tsxhttps://devl.dev/c/timelines/status-page
Deploy historydeploys.tsxhttps://devl.dev/c/timelines/deploys
Inbox threadinbox-thread.tsxhttps://devl.dev/c/timelines/inbox-thread
Activity feedactivity-feed.tsxhttps://devl.dev/c/timelines/activity-feed
Month viewmonth.tsxhttps://devl.dev/c/calendars/month
Week scheduleweek.tsxhttps://devl.dev/c/calendars/week
Agenda listagenda.tsxhttps://devl.dev/c/calendars/agenda
Date range pickerdate-range.tsxhttps://devl.dev/c/calendars/date-range
Timezone plannertimezone.tsxhttps://devl.dev/c/calendars/timezone
Mini calendarmini.tsxhttps://devl.dev/c/calendars/mini
Contribution heatmapyear-heatmap.tsxhttps://devl.dev/c/calendars/year-heatmap
Recurring eventrecurring.tsxhttps://devl.dev/c/calendars/recurring
Holidays & PTOholidays.tsxhttps://devl.dev/c/calendars/holidays
Profile herohero.tsxhttps://devl.dev/c/profile/hero
Hover cardwiphover-card.tsxhttps://devl.dev/c/profile/hover-card
Team gridteam-grid.tsxhttps://devl.dev/c/profile/team-grid
Contact directorydirectory.tsxhttps://devl.dev/c/profile/directory
Compact user cardcompact-card.tsxhttps://devl.dev/c/profile/compact-card
Org chartwiporg-chart.tsxhttps://devl.dev/c/profile/org-chart
Skills matrixskills.tsxhttps://devl.dev/c/profile/skills
Presence railwippresence-rail.tsxhttps://devl.dev/c/profile/presence-rail
Suggested introsintroductions.tsxhttps://devl.dev/c/profile/introductions
Security credentialscredentials.tsxhttps://devl.dev/c/profile/credentials
Success toastsuccess.tsxhttps://devl.dev/c/toasts/success
Error with retryerror-retry.tsxhttps://devl.dev/c/toasts/error-retry
System bannerinfo-banner.tsxhttps://devl.dev/c/toasts/info-banner
Progress toastprogress.tsxhttps://devl.dev/c/toasts/progress
Undo toastundo.tsxhttps://devl.dev/c/toasts/undo
Rich toastrich.tsxhttps://devl.dev/c/toasts/rich
Three-tierthree-tier.tsxhttps://devl.dev/c/pricing/three-tier
Feature matrixcomparison-table.tsxhttps://devl.dev/c/pricing/comparison-table
Seat sliderslider-seats.tsxhttps://devl.dev/c/pricing/slider-seats
Single plansimple-card.tsxhttps://devl.dev/c/pricing/simple-card
Contact salescontact-sales.tsxhttps://devl.dev/c/pricing/contact-sales
Billing togglemonthly-yearly.tsxhttps://devl.dev/c/pricing/monthly-yearly
Welcome carouselwelcome-carousel.tsxhttps://devl.dev/c/tours/welcome-carousel
Spotlight tourwipspotlight.tsxhttps://devl.dev/c/tours/spotlight
Arrow tooltipwiparrow-tooltip.tsxhttps://devl.dev/c/tours/arrow-tooltip
Beacon hintwipbeacon.tsxhttps://devl.dev/c/tours/beacon
Inline hintinline-hint.tsxhttps://devl.dev/c/tours/inline-hint
Onboarding checklistchecklist.tsxhttps://devl.dev/c/tours/checklist
Inline threadinline-thread.tsxhttps://devl.dev/c/threads/inline-thread
Side panelside-panel.tsxhttps://devl.dev/c/threads/side-panel
Comment rowcomment-row.tsxhttps://devl.dev/c/threads/comment-row
@mention popovermention-popover.tsxhttps://devl.dev/c/threads/mention-popover
Resolved threadresolved.tsxhttps://devl.dev/c/threads/resolved
Rich composercompose-rich.tsxhttps://devl.dev/c/threads/compose-rich

Viewport: width=device-width, initial-scale=1.0

URLs of crawlers that visited me.