LineKit — LINE LIFF components for Frame

LineKit adds LINE Liff to your Framer site in under 5 minutes.

Click "Insert" on any of the 11 components and LineKit drops a Code File into your project that's ready to drag onto the canvas. No backend, no LIFF SDK boilerplate, no monthly fees — just paste your LIFF ID and publish.

⭐ Demo

https://linekit.framer.website/

⭐ Remix

https://framer.link/WNehGF9

What's included

• LiffProvider — bootstraps LIFF once per page

• LoginButton, LogoutButton — auto-hide based on state

• UserProfile — avatar + display name from the LINE profile, with built-in shimmer skeleton

• MemberGate — show content only to logged-in (or logged-out) visitors

• LineShareButton — opens LINE's share target picker (inside the LINE app)

• LinePayLinkButton — deep-links to a LINE Pay merchant URL

• OpenInLineApp — opens any URL through LIFF's in-app browser

• LoginRedirect — invisible utility that navigates after auth state changes

• ErrorBanner — surfaces LIFF errors cleanly

• LoginStatus — debug pill for development

Built for the Asia market

• Auto-translates UI between English, ไทย, and 日本語 — or override per instance

• Designed for Framer designers serving Thai, Japanese, and Taiwanese clients with active LINE OA channels

• Works the way Framer designers expect

• All 11 components show up in the Insert panel after a single click in the LineKit sidebar

• Property controls for every visual prop (color, radius, padding, font, layout)

• Pre-fills the LIFF ID and default locale you set in the plugin settings

Need a LIFF ID first? Open the in-plugin "How to get a LIFF ID" link for a 5-minute walkthrough.

☕ Buy a Coffee for Trirong Phasukyued 🙏

• https://ko-fi.com/linekit

• PromptPay 0855544590