Facade UI

Name: Facade UI
Author: marcoschulz7

โดย marcoschulz7รุ่น 1.1.0i★ –iรันบนคลาวด์

ชื่อใน registryio.github.marcoschulz7/facade

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

Animated shadcn components and page blocks for local business, real estate and agency websites.

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
ผลตรวจเบื้องต้นของเราiผ่าน 3 จาก 3 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
การใช้งานiยังไม่ได้วัด★ –

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

การเชื่อมต่อ: รันบนคลาวด์
ช่องทาง (transport): Streamable HTTP
หมวด: อื่น ๆ
ต้องใส่ค่าเหล่านี้: Authorization

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ผลตรวจเบื้องต้น: ผ่าน 3 จาก 3 ข้อ
รันบนเครื่องของผู้ทำ สิ่งที่คุณถามจะผ่านเครื่องของเขา
ทำได้ 4 อย่าง (เครื่องมือ) list_components, get_component, get_install_command, suggest_page
ค่าที่คุณต้องใส่เอง: Authorization

ค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต

ต้องเตรียมก่อน

รันบนคลาวด์ไม่ต้องลงโปรแกรมเพิ่ม ต่อผ่านอินเทอร์เน็ตได้เลย

คุณใช้แอปไหน

ClaudeClaude CodeCursorVS CodeChatGPT

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add --transport http facade https://facadeui.com/api/mcp --header 'Authorization: ใส่ค่าของคุณ'

เติมค่าที่เว้นว่างไว้ก่อนรัน

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "facade": {
      "url": "https://facadeui.com/api/mcp",
      "headers": {
        "Authorization": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "facade": {
      "type": "http",
      "url": "https://facadeui.com/api/mcp",
      "headers": {
        "Authorization": "ใส่ค่าของคุณ"
      }
    }
  }
}

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

Authorization ความลับ HTTP header
Optional. Set to 'Bearer ' to unlock Pro component sources.

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 6 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน

list_components
List Facade components and blocks (animated React + Tailwind sections for local business, real estate and agency sites). Filter by kind, category, tier or a text query. All filters are optional; without any filter every item is returned.
get_component
Get docs, install command, usage example and full source for one Facade item. Pro sources require a license key in the Authorization header.
get_install_command
Return the shadcn CLI command that installs one or more Facade items into the current project.
suggest_page
Suggest an ordered list of Facade blocks to build a complete page for a business type (e.g. 'plumber', 'real estate brokerage', 'dental clinic', 'marketing agency').

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

✓ ผ่าน
ตัวตนผู้ทำตรงกับ repo
ชื่อใน registry ยืนยันด้วยบัญชี GitHub marcoschulz7 ซึ่งเป็นเจ้าของ repo
… ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
… ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
✓ ผ่าน
endpoint ตอบ
ตอบกลับใน 498 ms (HTTP 200)
– ไม่เกี่ยว
ล็อกอินแบบ OAuth
ไม่ต้องล็อกอิน
✓ ผ่าน
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
อ่านคำอธิบายเครื่องมือ 4 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI

เทียบกับตัวอื่นในหมวด อื่น ๆi

ดาวมากกว่า 0% ของอีก 32568 ตัวในหมวดนี้
ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 88% ของอีก 32568 ตัวในหมวดนี้
ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 32568 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Facade UI ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: Authorization

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.0) เข้า registry 4 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, FlyDocs

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Spec Driven Development

โดย formulahendry

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

รันบนเครื่อง★ 440MITอัปเดต 14 เดือนที่ผ่านมา

ติดตั้ง

Remote Desktop Commander

โดย desktop-commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

รันบนคลาวด์★ 211อัปเดต เมื่อวาน

ติดตั้ง

FlyDocs

โดย flydocs.ai

Spec-driven development workflow: your agent works issues, sessions and the status lifecycle.

รันบนเครื่องอัปเดต วันนี้

ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

Facade UI (free components)

Animated React components and page blocks for the websites of local businesses, real estate firms and agencies. Built for Next.js, Tailwind v4 and shadcn. This repository holds the 35 free items, MIT licensed. The full library with 24 Pro items, docs with live previews and the MCP server lives at [facadeui.com](https://facadeui.com).

Install

Any item installs into your own project with one command. You keep the source.

npx shadcn@latest add https://facadeui.com/r/open-now-badge.json

Or copy a file from components/facade/ into your project. Every item depends only on motion and lucide-react and uses semantic Tailwind tokens (bg-background, text-muted-foreground, bg-brand), so it follows your theme. Add the four extra tokens from the installation guide once.

Use it with your AI agent

claude mcp add --transport http facade https://facadeui.com/api/mcp

Then: "Build a landing page for a plumbing company in Austin. Use Facade." The MCP server exposes list_components, get_component, get_install_command and suggest_page. There is also an llms.txt and a Markdown version of every docs page.

Components

buttons

[Magnetic button](https://facadeui.com/components/magnetic-button) Button that pulls toward the cursor with spring physics while its label drifts slightly further for depth.

npx shadcn@latest add https://facadeui.com/r/magnetic-button.json

[Shine button](https://facadeui.com/components/shine-button) Pill button with a soft light sweep on hover, three variants, three sizes and an arrow that nudges forward.

npx shadcn@latest add https://facadeui.com/r/shine-button.json

text

[Gradient heading](https://facadeui.com/components/gradient-heading) Display heading with a slow brand gradient on highlighted words, or one soft brand pass through the whole line.

npx shadcn@latest add https://facadeui.com/r/gradient-heading.json

[Text reveal](https://facadeui.com/components/text-reveal) Headline that reveals word by word with a blur, fade and gentle rise as it scrolls into view.

npx shadcn@latest add https://facadeui.com/r/text-reveal.json

cards

[Agent card](https://facadeui.com/components/agent-card) Realtor contact card with initials avatar, rating, license, languages and call, email and tour actions.

npx shadcn@latest add https://facadeui.com/r/agent-card.json

[Property card](https://facadeui.com/components/property-card) Listing card with status badge, saved-home heart, price, address and beds, baths and square footage.

npx shadcn@latest add https://facadeui.com/r/property-card.json

[Spotlight card](https://facadeui.com/components/spotlight-card) Card with a soft radial spotlight and a glowing border that both follow the cursor.

npx shadcn@latest add https://facadeui.com/r/spotlight-card.json

data

[Animated counter](https://facadeui.com/components/animated-counter) Number that counts up when scrolled into view, with prefix, suffix, decimals and Intl formatting.

npx shadcn@latest add https://facadeui.com/r/animated-counter.json

[Countdown](https://facadeui.com/components/countdown) Countdown to an open house or launch with rolling flip digits for days, hours, minutes and seconds.

npx shadcn@latest add https://facadeui.com/r/countdown.json

[Key facts](https://facadeui.com/components/key-facts) Property key facts row with icons and numbers that count up when scrolled into view.

npx shadcn@latest add https://facadeui.com/r/key-facts.json

forms

[Listing filters](https://facadeui.com/components/listing-filters) Home search filters with location search, type chips, beds and baths, dual price slider and result count.

npx shadcn@latest add https://facadeui.com/r/listing-filters.json

[Price toggle](https://facadeui.com/components/price-toggle) Monthly or yearly segmented switch with a sliding thumb, plus an animated price that rolls its digits.

npx shadcn@latest add https://facadeui.com/r/price-toggle.json

navigation

[Sliding tabs](https://facadeui.com/components/sliding-tabs) Accessible tabs with a spring animated sliding pill, arrow key navigation and a soft content crossfade.

npx shadcn@latest add https://facadeui.com/r/sliding-tabs.json

[Sticky contact bar](https://facadeui.com/components/sticky-contact-bar) Mobile bottom bar with Call, Text, Directions and Book that hides on scroll down and returns on scroll up.

npx shadcn@latest add https://facadeui.com/r/sticky-contact-bar.json

feedback

[Announcement bar](https://facadeui.com/components/announcement-bar) Slim top bar that rotates promo messages with a link and collapses smoothly when dismissed.

npx shadcn@latest add https://facadeui.com/r/announcement-bar.json

[Cookie consent](https://facadeui.com/components/cookie-consent) Floating consent card with Accept all, Reject and customizable Analytics and Marketing toggles.

npx shadcn@latest add https://facadeui.com/r/cookie-consent.json

[Promo bar](https://facadeui.com/components/promo-bar) Announcement bar on a warm drifting ember surface with a short phone text, a live countdown and a dismissal that never flashes back on reload.

npx shadcn@latest add https://facadeui.com/r/promo-bar.json

[Star rating](https://facadeui.com/components/star-rating) Animated fractional star rating with review count, plus an accessible interactive input mode.

npx shadcn@latest add https://facadeui.com/r/star-rating.json

[Urgency badge](https://facadeui.com/components/urgency-badge) Scarcity badge with a live dot and an optional percent sold bar that animates into view.

npx shadcn@latest add https://facadeui.com/r/urgency-badge.json

layout

[Ember gradient](https://facadeui.com/components/ember-gradient) Warm surface of drifting copper, forest and rust fields with film grain. Three earthy presets or your own colors, optional slow palette cycling.

npx shadcn@latest add https://facadeui.com/r/ember-gradient.json

[Marquee](https://facadeui.com/components/marquee) Seamless infinite marquee for logos or testimonials with faded edges, direction, speed and vertical mode.

npx shadcn@latest add https://facadeui.com/r/marquee.json

[Reveal](https://facadeui.com/components/reveal) Scroll reveal wrapper with fade, rise, blur and scale presets plus a RevealGroup for staggered children.

npx shadcn@latest add https://facadeui.com/r/reveal.json

[Smooth accordion](https://facadeui.com/components/smooth-accordion) Accessible FAQ accordion with smooth height animation, a plus to minus icon morph and single or multiple mode.

npx shadcn@latest add https://facadeui.com/r/smooth-accordion.json

local business

[Location card](https://facadeui.com/components/location-card) Stylized SVG map card with a dropped pin, address, hours, phone and a Google Maps directions link.

npx shadcn@latest add https://facadeui.com/r/location-card.json

[Open now badge](https://facadeui.com/components/open-now-badge) Live open or closed pill computed from weekly hours in the business's own time zone.

npx shadcn@latest add https://facadeui.com/r/open-now-badge.json

[Opening hours](https://facadeui.com/components/opening-hours) Weekly hours list with today highlighted, live open status, split shifts and closed days.

npx shadcn@latest add https://facadeui.com/r/opening-hours.json

hero

[Hero, agency](https://facadeui.com/components/hero-agency) Studio hero with oversized centered display type, one ultramarine CTA and a quiet client wordmark marquee.

npx shadcn@latest add https://facadeui.com/r/hero-agency.json

[Hero, local business](https://facadeui.com/components/hero-local-business) Home services hero with live rating, rotating service words and floating appoi

ตัดมาแค่ช่วงต้น อ่านต่อใน repo

Facade UI

ภาพรวม

สามเสาของ PopNx MCP

ใช้ทำอะไรได้

ติดตั้ง

ก่อนติดตั้ง

ค่าที่ต้องใส่เอง

ทำอะไรได้บ้าง

ผลตรวจเบื้องต้นi

ตัวตนผู้ทำตรงกับ repo

ยังมีคนดูแล

มีสัญญาอนุญาต (license)

endpoint ตอบ

ล็อกอินแบบ OAuth

คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

เทียบกับตัวอื่นในหมวด อื่น ๆi

คำถามที่พบบ่อย

ตัวที่ใช้แทนได้

Spec Driven Development

Remote Desktop Commander

FlyDocs

README จากผู้ทำ

Facade UI (free components)

Install

Use it with your AI agent

Components

buttons

text

cards

data

forms

navigation

feedback

layout

local business

hero