---
title: Complete blocks
description: 26 blocks that follow your design system. Editable source, typed props and live previews.
---

- [API Keys](https://ui.coderocket.app/docs/blocks/api-keys): A masked key list with creation and revocation callbacks.
- [App Header](https://ui.coderocket.app/docs/blocks/app-header): Breadcrumbs, search and account actions in an application header.
- [App Sidebar](https://ui.coderocket.app/docs/blocks/app-sidebar): Collapsible workspace navigation with account identity.
- [Billing](https://ui.coderocket.app/docs/blocks/billing): Subscription summary, seat usage and invoice links.
- [Call to Action](https://ui.coderocket.app/docs/blocks/cta): A call-to-action panel with product copy.
- [Data Table](https://ui.coderocket.app/docs/blocks/data-table): A searchable, sortable, paginated records panel.
- [Detail View](https://ui.coderocket.app/docs/blocks/detail-view): Structured record details with an edit action.
- [Empty State](https://ui.coderocket.app/docs/blocks/empty-state): A welcoming empty collection with a primary action.
- [FAQ](https://ui.coderocket.app/docs/blocks/faq): An accessible accordion of questions and answers.
- [Features](https://ui.coderocket.app/docs/blocks/features): A responsive feature grid built from cards.
- [Filters](https://ui.coderocket.app/docs/blocks/filters): Search and status filters with reset and controlled output.
- [Footer](https://ui.coderocket.app/docs/blocks/footer): Grouped navigation, brand description and copyright.
- [Forgot Password](https://ui.coderocket.app/docs/blocks/forgot-password): A recovery request form that preserves account privacy.
- [Hero](https://ui.coderocket.app/docs/blocks/hero): A focused product introduction with two actions.
- [Login](https://ui.coderocket.app/docs/blocks/login): A sign-in form with typed submission callback.
- [Notifications](https://ui.coderocket.app/docs/blocks/notifications): An inbox with unread states and mark-as-read actions.
- [OTP](https://ui.coderocket.app/docs/blocks/otp): A one-time-code form with numeric validation.
- [Pricing](https://ui.coderocket.app/docs/blocks/pricing): Comparable plans, features and purchase links.
- [Profile](https://ui.coderocket.app/docs/blocks/profile): Editable profile details and identity.
- [Reset Password](https://ui.coderocket.app/docs/blocks/reset-password): A password reset form with matching confirmation.
- [Search](https://ui.coderocket.app/docs/blocks/search): Filter and select content from a local collection.
- [Settings](https://ui.coderocket.app/docs/blocks/settings): Workspace and notification settings in accessible tabs.
- [Sign Up](https://ui.coderocket.app/docs/blocks/signup): A registration form with email and password validation.
- [Stats](https://ui.coderocket.app/docs/blocks/stats): Responsive metric cards with textual trend indicators.
- [Team](https://ui.coderocket.app/docs/blocks/team): A member list with invitation and removal callbacks.
- [Testimonials](https://ui.coderocket.app/docs/blocks/testimonials): Customer quotations with author identities.