tigran tumasov

Book

Cards 51

About

A responsive book component.

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

Code

How Book is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Book } from "@/components/ui/book";

const Lines = () => (
  <svg fill="none" height="149" viewBox="0 0 197 149" width="197" xmlns="http://www.w3.org/2000/svg">
    <rect fill="#FED954" height="149" width="197"></rect>
    <path d="M147 48.4995H172C185.531 48.4995 196.5 59.4685 196.5 72.9995V148.427" stroke="#ECAF14"></path>
    <path d="M0 48.5H24.5C38.031 48.5 49 37.531 49 24V0" stroke="#ECAF14"></path>
    <path d="M147.5 48.5H172C185.531 48.5 196.5 37.531 196.5 24V0" stroke="#ECAF14"></path>
    <path d="M0 48.5H24.5C38.031 48.5 49 59.469 49 73V98" stroke="#ECAF14"></path>
    <path d="M146 48.5H73.5C59.969 48.5 49 37.531 49 24V0" stroke="#ECAF14"></path>
    <path d="M196 48.5H122.5C108.969 48.5 98 37.531 98 24V0" stroke="#ECAF14"></path>
    <path d="M97 48.5H73.5C59.969 48.5 49 59.469 49 73V99.5" stroke="#ECAF14"></path>
    <path d="M98 132.5H122.5C136.031 132.5 147 121.531 147 108V98.9512" stroke="#ECAF14"></path>
    <path d="M196 132.5H171.5C157.969 132.5 147 121.531 147 108V48.5" stroke="#ECAF14"></path>
    <path d="M147 48.5H122.5C108.969 48.5 98 59.469 98 73V132" stroke="#ECAF14"></path>
    <path d="M98 132.5H73.5C59.969 132.5 49 121.531 49 108V98.9512" stroke="#ECAF14"></path>
  </svg>
);

const Icon = () => (
  <div className="w-12 h-12" role="img">
    <svg viewBox="0 0 1 1">
      <path
        d="M0.3542 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 "
        fill="var(--ds-gray-1000)" />
      <path d="" fill="var(--ds-gray-1000)" opacity="0.5" />
    </svg>
  </div>
);

export default function CustomIllustrationDemo() {
  return (
        <div className="flex gap-8">
          <Book
            illustration={<Lines />}
            title="The user experience of the Frontend Cloud"
          />
          <Book
            illustration={<Icon />}
            title="The user experience of the Frontend Cloud"
            variant="simple"
          />
        </div>
  );
}

Dependencies

More by tigran tumasov

View all
  • Product Hunt Badge

    Product Hunt Badge

    1.8K
  • Calendar

    Calendar

    152
  • Theme Switcher

    Theme Switcher

    135
  • Snippet

    Snippet

    124
  • Table

    Table

    123
  • Toggle

    Toggle

    89
  • Feedback

    Feedback

    88
  • Toast

    Toast

    84

More in Cards

View all
  • Stats cards with links

    Stats cards with links

    33
  • Course Design Cards

    Course Design Cards

    1.1K
  • Card

    Card

    70
  • Statistics Card 2

    Statistics Card 2

    264
  • Statistics Card 10

    Statistics Card 10

    263
  • Card

    Card

    17
  • Card Studio

    Card Studio

    9
  • The Item one

    The Item one

    3