registry.json

{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "preblocks",
  "homepage": "https://preblocks.com",
  "items": [
    {
      "name": "blog-1",
      "type": "registry:block",
      "title": "Simple Blog Grid",
      "categories": ["blog"],
      "description": "An advanced blog section with premium design featuring category badges, gradient overlays, and smooth hover animations. Includes a customizable header with badge, title, and description, plus an optional View All button. Built with Shadcn Card components for a polished, professional look.",
      "files": [
        {
          "path": "src/registry/react/blog/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "blog-2",
      "type": "registry:block",
      "title": "Blog Card Section",
      "categories": ["blog"],
      "registryDependencies": ["card", "button"],
      "description": "A clean and minimal blog section featuring a responsive grid layout with article cards. Each card displays an image, publication date, title, and description with hover effects. Perfect for showcasing blog posts in a simple, elegant manner.",
      "files": [
        {
          "path": "src/registry/react/blog/two.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "cta-1",
      "type": "registry:block",
      "title": "Centered Accordion",
      "categories": ["call-to-action"],
      "registryDependencies": ["button"],
      "description": "This centered call to action section uses Shadcn Button components to present a clear call-to-action with primary and secondary options. The centered layout features a prominent headline with supporting text, encouraging user engagement through two distinct button styles.",
      "files": [
        {
          "path": "src/registry/react/call-to-action/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "cta-2",
      "type": "registry:block",
      "title": "Subscribe Section",
      "categories": ["call-to-action"],
      "registryDependencies": ["button", "input"],
      "description": "This subscribe section pairs shadcn Input and Button with a controlled form to capture emails in a single line. Tailwind’s responsive flex layout stacks on mobile and aligns horizontally on wider screens, giving a crisp call-to-action that drops straight into any page.",
      "files": [
        {
          "path": "src/registry/react/call-to-action/two.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "faq-1",
      "type": "registry:block",
      "title": "Centered Accordion",
      "categories": ["faq-section"],
      "registryDependencies": ["accordion"],
      "description": "This FAQ section features a centered layout with an accordion-style interface, making it easy for users to find answers to their questions. The design includes subtle hover effects on all interactive elements while maintaining a clean, organized structure for site navigation.",
      "files": [
        {
          "path": "src/registry/react/faq-section/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "faq-2",
      "type": "registry:block",
      "title": "Accordion with Group",
      "categories": ["faq-section"],
      "registryDependencies": ["accordion"],
      "description": "This responsive layout accordion with FAQ groups block implements Shadcn Accordion components to present categorized questions in a structured two-column format. Topic groups appear in the right column while descriptive text and contact information occupy the left side, creating an organized FAQ browsing experience.",
      "files": [
        {
          "path": "src/registry/react/faq-section/two.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "footer-1",
      "type": "registry:block",
      "title": "Minimal Footer",
      "categories": ["footer"],
      "description": "This minimalist footer arranges navigation links in a responsive grid alongside brand information and social media icons. The design includes subtle hover effects on all interactive elements while maintaining a clean, organized structure for site navigation.",
      "files": [
        {
          "path": "src/registry/react/footer/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "footer-2",
      "type": "registry:block",
      "title": "Footer With System Status",
      "categories": ["footer"],
      "description": "This footer includes an animated status indicator that pulses to show system availability in real-time. The layout combines this live status display with social media links and multiple navigation sections, creating an informative footer with immediate system health visibility.",
      "files": [
        {
          "path": "src/registry/react/footer/two.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "login-1",
      "type": "registry:block",
      "title": "Simple Login Card",
      "categories": ["login"],
      "dependencies": ["@tabler/icons-react"],
      "registryDependencies": ["button", "card", "input", "field"],
      "description": "A clean, centered login card with email/password authentication and social login options. Features a professional layout with clear hierarchy and premium styling.",
      "files": [
        {
          "path": "src/registry/react/login/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pricing-1",
      "type": "registry:block",
      "title": "SaaS Pricing with Billing Toggle",
      "categories": ["pricing"],
      "registryDependencies": ["button", "card", "badge", "tabs"],
      "description": "A SaaS subscription pricing section with monthly/yearly billing toggle using Shadcn Tabs. Features a 3-column grid layout with customizable pricing tiers, feature lists, highlighted popular plans, and discount badges for annual billing. Perfect for SaaS products and subscription services.",
      "files": [
        {
          "path": "src/registry/react/pricing/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pricing-2",
      "type": "registry:block",
      "title": "Horizontal pricing card",
      "categories": ["pricing"],
      "registryDependencies": ["button", "card"],
      "description": "A horizontal pricing card layout with a two-column design. Features a left section for plan details and features list, and a right section with centered pricing and call-to-action. Perfect for showcasing a single premium plan.",
      "files": [
        {
          "path": "src/registry/react/pricing/two.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "statistic-card-1",
      "type": "registry:block",
      "title": "Connected Stats Grid",
      "categories": ["statistic-card"],
      "registryDependencies": ["card", "badge"],
      "description": "A connected statistics grid displaying key metrics in a seamless horizontal layout. Each card shows a metric name, current value, percentage change with trend indicator (up/down), and comparison to previous period. Cards feature hover states and optional click navigation. Perfect for dashboards and analytics overview sections.",
      "files": [
        {
          "path": "src/registry/react/statistic-card/one.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "native-accordion",
      "type": "registry:component",
      "title": "Native Accordion",
      "description": "This accordion built using native HTML details and summary elements with Tailwind CSS animation for better SEO and no JavaScript library required..",
      "files": [
        {
          "path": "src/registry/react/native-accordion.tsx",
          "type": "registry:component"
        }
      ]
    }
  ]
}