Refresh the homepage and expand the documentation#10

merged
main
feat/homepage-refresh
opened19d agobySscreen-gd
View on GitHubRepository sync pausedPR last imported 7d ago

What changed

Refreshed the homepage and library discovery experience, including updated hero styling, interactive UI components, and visual themes. Expanded the documentation into dedicated guides for finding libraries, requesting additions, reporting issues, and contributing pull requests.

Type

  • New library
  • Library metadata correction
  • Bug fix
  • Feature
  • Documentation

Verification

  • I kept this pull request focused.
  • I ran npm run build successfully.
  • I checked light and dark modes when the interface changed.
  • I checked keyboard access and reduced motion when interaction changed.
  • I added screenshots or a recording for visible changes.

Library submissions

Related issue

Closes #

Summary by CodeRabbit

  • New Features
    • Added a Design Inspiration category, with eight libraries available in the directory.
    • Expanded the documentation with guidance on finding libraries, requesting additions, reporting issues, and contributing.
    • Added a documentation sidebar and quick links to browse libraries and improve the directory.
    • Search shortcuts now work across pages and can take you directly to the library search field.
    • Refreshed the landing page, feature cards, and footer with updated navigation and visual styling.
  • Improvements
    • Library cards now show accurate singular or plural counts and omit empty stack counts.
    • The library request form now includes Design Inspiration as a category.

Checks

Checks in progress
Sscreen-gdopened·19d ago
V

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated
External image colReady ReadyPreviewSep 23, 2026 9:38pm UTC
C

Review in Change Stack →

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

[!NOTE] Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 5e9211c0-4595-4c51-b2ff-129adf1f9b32

📥 Commits

Reviewing files that changed from the base of the PR and between fa94a597eb41ff5506d7eee487a8103d4ff96073 and 80585f646a33ca3c7f6f21166ab9581dcb8e9077.

⛔ Files ignored due to path filters (2)
  • package-lock.json is excluded by !**/package-lock.json
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (24)
  • .github/ISSUE_TEMPLATE/library-request.yml
  • app/docs/find-a-library/page.tsx
  • app/docs/layout.tsx
  • app/docs/page.tsx
  • app/docs/pull-requests/page.tsx
  • app/docs/report-issues/page.tsx
  • app/docs/request-a-library/page.tsx
  • app/globals.css
  • app/layout.tsx
  • components/CategoryBento.tsx
  • components/DirectoryExplorer.tsx
  • components/DocsSidebar.tsx
  • components/FilterBar.tsx
  • components/Header.tsx
  • components/LibraryCard.tsx
  • components/LibraryExplorer.tsx
  • components/SiteFooter.tsx
  • components/WhatsInsideSection.tsx
  • components/ui/bento-grid.tsx
  • components/ui/flow-button.tsx
  • components/ui/liquid-glass-button.tsx
  • components/ui/shimmer-button.tsx
  • data/libraries.ts
  • package.json
ascii
1 _______________________________________________________________
2< e/acc/def/det: Effective accelerationism of defect detection. >
3 ---------------------------------------------------------------
4 \
5 \ (\__/)
6 (•ㅅ•)
7 /   づ
✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.