Preview first
Engineers should be able to judge the structure of a pattern before reading any implementation details.
Frontend Reference is the first library inside Featlas. It is structured as a practical pattern system for engineers and meant to feel closer to a working handbook than a screenshot gallery.
Engineers should be able to judge the structure of a pattern before reading any implementation details.
Every reference is expected to carry usable source code, not just visual inspiration.
States, accessibility notes, and responsive behavior stay with the same item instead of being split across separate docs.
These collections group references by real usage intent so the library feels more guided and less like a flat inventory.
A practical starting set for teams building buttons, fields, filters, and compact action patterns.
Open collectionReference patterns that help documentation products feel navigable, searchable, and structured.
Open collectionA launch-ready mix of hero, pricing, testimonial, and signup patterns for marketing-facing pages.
Open collectionStart from the domain that matches the scale of the problem you are solving, then drill into categories and individual references.
Small building blocks such as buttons, inputs, and lightweight dropdown patterns.
Reusable UI compositions such as cards, forms, navbars, and modal patterns.
Page-level layout slices such as hero sections, auth surfaces, and dashboard blocks.
High-signal button styles for primary, secondary, and supporting actions.
Input field patterns that are easy to reuse across product surfaces.
Compact menu and trigger patterns for selection and lightweight filtering.
Card layouts for information surfaces, stats, and supporting callouts.
These items are strong enough to validate preview flow, code presentation, and the overall navigation model before the collection grows larger.
High-emphasis action button with a rounded shape and clear hover feedback.
A utilitarian input field for search entry points inside the library.
A card surface for displaying a short metric with strong information hierarchy.
A docs-oriented navbar that balances product identity, search, and top-level navigation links.