Grok Interface Kit

A high-fidelity chat interface inspired by xAI's Grok. Features a minimalist brutalist aesthetic, auto-resizing input, and a collapsible 'Thinking' process visualization for reasoning models. Built with React, Tailwind CSS, and Framer Motion. Fully compatible with shadcn/ui and optimized for dark mode.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Grok Interface Kit to your project and fits it to your theme.

import { Component } from "@/components/ui/grok-interface-kit";

export default function DemoOne() {
    return <Component />;
}