Being in a creative profession, we’re always in search of new and unique designs. When we say creative professions, it not only includes artists, writers, and designers but it also includes developers. Developers are logically creative people who give life to beautiful designs. Getting inspired is exposing ourselves to the best things that humans and nature have done. We’re hungry and always in search of creative designs that will take the website and mobile app experience to the whole new level. They say the devil is in the detail, an element on your website or application might seem simple but adding uniqueness to it will change the whole perspective of your design. Whether you are looking inspiration for animation effects, forms, call to action buttons, hover effects, widgets, calendars, navigation menu or any other thing you name it, it will be here on this list. These inspirations will help you make a better UI and give a better user experience.
Ten table templates for Bootstrap 6 — striped and bordered basics, the new .table-stacked mobile reflow, click-to-sort headers, a Combobox filter bar, pagination, row selection, rich cells, a sticky header…
Ten card templates for Bootstrap 6 — content cards, media cards, horizontal cards that stack on mobile, a three-tier pricing row, profile cards, dashboard metric tiles with a CSS sparkline,…
Ten form layouts for Bootstrap 6 — a stacked contact form, a split brand panel, a multi-step signup, a filter toolbar, appointment booking, a password-strength signup, OTP verification, chip and…
Ten horizontal timeline templates in plain HTML and CSS — progress steps, a scroll-snapping history track, a quarterly roadmap, milestone cards, a Gantt chart, a media track, an icon process…
Twenty-three timeline and roadmap sets, designed and coded in-house by uiCookies: twenty-two CSS-only layouts — twelve vertical and ten horizontal — plus an interactive release-planning workspace. Each set includes plain…
Compare 23 working data table examples: search, sorting, pagination, inline edits and responsive layouts. Preview CSS, Bootstrap and Tailwind code.
Every menu on this page was designed and coded in-house by uiCookies — this is our own pack, not a roundup of CodePen embeds. Each design is a single self-contained…
Every button on this page was designed and coded in-house by uiCookies — this is our own pack, not a roundup of CodePen embeds. Each set is a single self-contained…
Eight sets of link and hover treatments, designed and maintained in-house by uiCookies. Four work at the link level — underline styles, animated underlines, states and call-to-action links — and…
Eight sets of text and glow effects, designed and maintained in-house by uiCookies. Glows, gradient text, text animations, hover treatments, outline and shadow styles, entrance animations, attention seekers and neon…
Eight sets of accordions, designed and maintained in-house by uiCookies. Basic treatments, open and close markers, FAQ layouts, a one-at-a-time group, rich panels, nested and sidebar navigation, dark variants, and…
Eight sets of form and input designs, designed and maintained in-house by uiCookies. Four sets work at the field level — text inputs, floating labels, validation states and input groups…
Eight sets of loading animations, designed and maintained in-house by uiCookies. Ring spinners, dot loaders, bars, skeleton screens, geometric shapes, determinate progress, accessible patterns and dark variants. Two decisions in…
Eight sets of ribbons and banners, designed and maintained in-house by uiCookies. Corner ribbons, shaped banners, badges, ribbon headings, vertical ribbons, price ribbons, dark variants and award rosettes. The reason…
Eight sets of checkboxes and radio buttons, designed and maintained in-house by uiCookies. Four sets cover checkboxes — basics, states, selectable cards and list layouts — and four cover radios,…