TastefulKit
How to Use TastefulKit
Find designs you love. Learn what clicks. Bring that direction into your next build.
Explore
Browse real landing pages and individual components, from heroes and calls to action to pricing sections and forms. Search for a style or idea, choose a type, and save your favorites.
Explore also includes UI libraries to build with and design-focused AI skills to help your coding agent. These are directories, not Arena competitors.
Find your taste in the Arena
See two designs side by side and click the one you prefer. Each comparison helps surface the community’s favorite designs in the Global ranking.
You can vote without an account. Sign in to build your own taste profile, too: For you ranks designs around what you like. Keep comparing to give it more to work with.
Using TastefulKit with AI
Copy the installation prompt below and paste it into your coding agent. It asks your agent to install TastefulKit’s skills and connect its MCP tools so it can find and read design references.
Then share a design you like and explain what to borrow: the typography, layout, colors, or a particular section. Ask your agent to adapt it to your project.
Sign in or create a free account to copy your installation prompt.