# Footer Studio · Creght

> Design a rim-lit animal footer in the browser, then install it into your React project with one shadcn command.

![](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22200%2030%20800%20447%22%20width%3D%22800%22%20height%3D%22447%22%3E%0A%3Cdefs%3E%0A%20%20%3Cpath%20id%3D%22o%22%20d%3D%22M304%20620%20304%20395%20304.3%20384%20305%20373%20306.6%20357%20307.9%20348%20309.8%20338%20311.9%20329%20314.1%20321%20317%20312%20320%20304%20323.5%20296%20326.9%20289%20328.4%20285%20329.8%20280%20332.3%20268%20336.8%20254%20339.2%20244%20340.3%20238%20362.3%2091%20362.9%2089%20364%2086.8%20365.3%2085%20367.3%2083%20369%2081.9%20371%2080.9%20373%2080.3%20376%2080%20379%2080.3%20381%2080.9%20383%2081.9%20384.7%2083%20500%20172%20505%20175.5%20513%20180%20517%20181.8%20522%20183.6%20527%20185%20535%20186.7%20539%20187.3%20543%20187.6%20576%20186.3%20600%20186%20624%20186.3%20658%20187.6%20663%20187.1%20668%20186.1%20675%20184.5%20680%20182.9%20685%20180.9%20690%20178.5%20695%20175.5%20699%20172.7%20816.8%2082%20819%2080.9%20821%2080.3%20823%2080%20826%2080.1%20828%2080.6%20830%2081.4%20832%2082.5%20834%2084.2%20835.5%2086%20836.6%2088%20837.4%2090%20837.9%2092%20859.7%20238%20861%20245%20863.5%20255%20867.7%20268%20870.2%20280%20871.6%20285%20873.1%20289%20877.9%20299%20881.2%20307%20884.4%20316%20886.8%20324%20889.3%20334%20891.2%20343%20892.8%20353%20894%20362%20895.4%20378%20896%20395%20896%20620V900H304Z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%20%20%3CclipPath%20id%3D%22c%22%3E%3Cuse%20href%3D%22%23o%22%2F%3E%3C%2FclipPath%3E%0A%20%20%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22160%22%20y%3D%220%22%20width%3D%22880%22%20height%3D%22910%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3C%2Ffilter%3E%0A%20%20%3CradialGradient%20id%3D%22spot%22%20fx%3D%22.46%22%20fy%3D%22.3%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.24%22%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%3C%2FradialGradient%3E%0A%20%20%3Cfilter%20id%3D%22grain%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22200%22%20y%3D%2230%22%20width%3D%22800%22%20height%3D%22447%22%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%222%22%20seed%3D%224%22%2F%3E%0A%20%20%20%20%3CfeColorMatrix%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201%20-.35%22%2F%3E%0A%20%20%3C%2Ffilter%3E%0A%20%20%3Cmask%20id%3D%22m%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%22160%22%20y%3D%220%22%20width%3D%22880%22%20height%3D%22910%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23c)%22%3E%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url(%23soft)%22%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%224%22%20stroke-opacity%3D%220.1764%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2210%22%20stroke-opacity%3D%220.2008%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2216%22%20stroke-opacity%3D%220.1587%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2222%22%20stroke-opacity%3D%220.1297%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2228%22%20stroke-opacity%3D%220.1086%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2234%22%20stroke-opacity%3D%220.0926%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2240%22%20stroke-opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2246%22%20stroke-opacity%3D%220.0699%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2252%22%20stroke-opacity%3D%220.0616%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2258%22%20stroke-opacity%3D%220.0547%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2264%22%20stroke-opacity%3D%220.0489%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2270%22%20stroke-opacity%3D%220.0439%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2276%22%20stroke-opacity%3D%220.0396%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2282%22%20stroke-opacity%3D%220.0359%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2288%22%20stroke-opacity%3D%220.0326%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%2294%22%20stroke-opacity%3D%220.0297%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22100%22%20stroke-opacity%3D%220.0272%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22106%22%20stroke-opacity%3D%220.0249%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22112%22%20stroke-opacity%3D%220.0228%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22118%22%20stroke-opacity%3D%220.021%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22124%22%20stroke-opacity%3D%220.0194%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22130%22%20stroke-opacity%3D%220.0179%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22136%22%20stroke-opacity%3D%220.0165%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22142%22%20stroke-opacity%3D%220.0153%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22148%22%20stroke-opacity%3D%220.0141%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22154%22%20stroke-opacity%3D%220.0131%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22160%22%20stroke-opacity%3D%220.0122%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22166%22%20stroke-opacity%3D%220.0113%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22172%22%20stroke-opacity%3D%220.0105%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22178%22%20stroke-opacity%3D%220.0098%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22184%22%20stroke-opacity%3D%220.0091%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22190%22%20stroke-opacity%3D%220.0085%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22196%22%20stroke-opacity%3D%220.0079%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22202%22%20stroke-opacity%3D%220.0074%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22208%22%20stroke-opacity%3D%220.0069%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22214%22%20stroke-opacity%3D%220.0064%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22220%22%20stroke-opacity%3D%220.006%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22226%22%20stroke-opacity%3D%220.0056%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22232%22%20stroke-opacity%3D%220.0052%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22238%22%20stroke-opacity%3D%220.0049%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22244%22%20stroke-opacity%3D%220.0046%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22250%22%20stroke-opacity%3D%220.0043%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22256%22%20stroke-opacity%3D%220.004%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22262%22%20stroke-opacity%3D%220.0037%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22268%22%20stroke-opacity%3D%220.0035%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22274%22%20stroke-opacity%3D%220.0033%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22280%22%20stroke-opacity%3D%220.0031%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22286%22%20stroke-opacity%3D%220.0029%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22292%22%20stroke-opacity%3D%220.0027%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22298%22%20stroke-opacity%3D%220.0025%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22304%22%20stroke-opacity%3D%220.0024%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22310%22%20stroke-opacity%3D%220.0022%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22316%22%20stroke-opacity%3D%220.0021%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22322%22%20stroke-opacity%3D%220.002%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22328%22%20stroke-opacity%3D%220.0018%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22334%22%20stroke-opacity%3D%220.0017%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22340%22%20stroke-opacity%3D%220.0016%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22346%22%20stroke-opacity%3D%220.0015%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22352%22%20stroke-opacity%3D%220.0014%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22358%22%20stroke-opacity%3D%220.0013%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22364%22%20stroke-opacity%3D%220.0012%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22370%22%20stroke-opacity%3D%220.0012%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22376%22%20stroke-opacity%3D%220.0011%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22382%22%20stroke-opacity%3D%220.001%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22388%22%20stroke-opacity%3D%220.001%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22394%22%20stroke-opacity%3D%220.0009%22%2F%3E%3Cuse%20href%3D%22%23o%22%20stroke-width%3D%22400%22%20stroke-opacity%3D%220.0139%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22400%22%20cy%3D%22220%22%20r%3D%22120%22%20fill%3D%22url(%23spot)%22%2F%3E%3Ccircle%20cx%3D%22800%22%20cy%3D%22220%22%20r%3D%22120%22%20fill%3D%22url(%23spot)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fmask%3E%0A%20%20%3ClinearGradient%20id%3D%22light%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%2270%22%20x2%3D%220%22%20y2%3D%22477%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d4c4ff%22%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%220.36%22%20stop-color%3D%22%23a688ff%22%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%220.62%22%20stop-color%3D%22%234a3192%22%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%2321164a%22%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2307050f%22%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cuse%20href%3D%22%23o%22%20fill%3D%22%2306050b%22%2F%3E%0A%3Crect%20x%3D%22200%22%20y%3D%2230%22%20width%3D%22800%22%20height%3D%22447%22%20fill%3D%22url(%23light)%22%20mask%3D%22url(%23m)%22%2F%3E%0A%3Crect%20x%3D%22200%22%20y%3D%2230%22%20width%3D%22800%22%20height%3D%22447%22%20filter%3D%22url(%23grain)%22%20clip-path%3D%22url(%23c)%22%20opacity%3D%22.025%22%2F%3E%0A%3C%2Fsvg%3E)

Start building

## Ship code that  reviews itself

Start building

## Ship code that  reviews itself

Nightcat

Quiet, sharp-eyed AI tooling for teams who ship after dark.

### Product

AgentsCode reviewChangelogPricing

### Developers

DocsAPI referenceCLIStatus

### Company

AboutCareersBlogContact

### Join the nightly build

Release notes and agent recipes, twice a month.

Email addressSubscribe

© 2026 Nightcat Labs. All rights reserved.

Privacy PolicyTerms of Service

> Full page index: [/llms.txt](/llms.txt)