Frontend Engineering
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
| Type | Name | When to use | Tags | Action |
|---|---|---|---|---|
| Design | Webflow-Inspired | Apply Webflow's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrandDesign Tokenswebflow | |
| Design | Binance | Apply Binance's design language to your project for a polished, brand-consistent UI. | Light ModeOrangeBrand | |
| Design | Developer Portfolio Theme | Personal developer sites, resume pages, and open-source project showcases. | PortfolioDark ModeDeveloper | |
| Skill | Webhook Debugger & Inspector | Debugging webhook integrations during development, testing third-party callbacks, or monitoring production webhook health. | ReactDeveloper ExperienceTooling | |
| Design | Porsche | Apply Porsche's design language to your project for a polished, brand-consistent UI. | Light ModeRedMonochrome | |
| Skill | Skeleton Loader Generator | Replacing spinners with layout-stable skeleton loading states. | LoadingUXTailwind | |
| Design | Landing Page Vibe Kit | Product marketing pages and launch pages. | Landing PageMarketing | |
| Design | Raycast | Apply Raycast's design language to your project for a polished, brand-consistent UI. | Dark ModePurpleBrand | |
| Design | YouTube | Apply YouTube's design language to your project for a polished, brand-consistent UI. | Dark ModeRedMonochrome | |
| Design | Academic Thesis Template | Writing a bachelor's, master's, or PhD thesis with proper academic formatting. | AcademicTypographyPrint | |
| Design | Linear | Apply Linear's design language to your project for a polished, brand-consistent UI. | Dark ModeBlueBrand | |
| Design | ClickHouse | Apply ClickHouse's design language to your project for a polished, brand-consistent UI. | Dark ModeOrangeBrand | |
| Design | Notion | Apply Notion's design language to your project for a polished, brand-consistent UI. | Light ModeBlueBrand | |
| Design | GitLab | Apply GitLab's design language to your project for a polished, brand-consistent UI. | Light ModeDark ModeOrange | |
| Design | Lamborghini | Apply Lamborghini's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokenslamborghini | |
| Skill | Responsive Bento Grid Layout | Dashboard overviews, complex data aggregation. | CSS GridLayout | |
| Design | RunwayML | Apply RunwayML's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokensrunwayml | |
| Design | PayPal | Apply PayPal's design language to your project for a polished, brand-consistent UI. | Light ModeBlueYellow |