Library

About Designyff

Free components and templates for faster web development.

168 Components

13 Templates

8 Categories

HTML/CSS Powered

component.css

.button {

display: flex;

align-items: center;

padding: 0.75rem 1.5rem;

background: linear-gradient(to right, #8B5CF6, #6366F1);

color: white;

border-radius: 0.375rem;

box-shadow: 0 4px 6px rgba(139, 92, 246, 0.25);

}

Designyff is a growing collection of copy-and-paste UI components and complete page templates. Browse the library, preview each design, and use the code in personal or commercial projects.

The library currently includes 168 UI components across 8 categories, plus 13 ready-made page templates. Everything is built with HTML and CSS, so you can paste it into a static site, a custom project, or most frontend setups.

What you can use

Individual UI components such as buttons, inputs, loaders, avatars, and more
Responsive page layouts you can preview at desktop, tablet, and mobile widths
Ready-made templates with realistic structure and editable source code
Resources for developers and designers who need a starting point, not a finished product lock-in

Get in touch