Free Frontend Reference Library

Useful cheat sheets. Ready when you need them.

Download practical one-page references for CSS, Elementor, WordPress, ACF, animation and accessibility. Every resource is free and designed for real frontend workflows.

10 Free PDF downloads
1 page Compact A4 references
6 topics Frontend and WordPress
€0 No registration required
Direct PDF downloads
Print-friendly A4 landscape format
Practical code examples
Personal and client workflows
Free Downloads

Keep the essentials beside your editor.

Search by topic or filter the library. Each cheat sheet contains a compact reference, copy-ready examples and a practical checklist.

10 Available resources
CSS Layout
Flexbox
CSS FREE PDF

CSS Flexbox Cheat Sheet

Container properties, item controls, responsive patterns and a compact Flexbox debugging checklist.

align justify wrap gap
Download Free PDF
CSS Layout
Grid
CSS FREE PDF

CSS Grid Cheat Sheet

Responsive tracks, item placement, auto-fit formulas and a reusable Bento-style grid pattern.

minmax auto-fit bento areas
Download Free PDF
Responsive CSS
MIN clamp() MAX
Fluid CSS
CSS FREE PDF

Fluid CSS with clamp()

Fluid typography, responsive spacing, practical clamp values and useful min(), max() and calc() formulas.

clamp fluid type spacing
Download Free PDF
CSS Fundamentals
.card > .title :focus-visible :has(.active)
Selectors
CSS FREE PDF

CSS Selectors & Specificity

Selector syntax, pseudo-classes, specificity scoring and a cleaner strategy for avoiding unnecessary !important.

cascade :has :where
Download Free PDF
Elementor
selector { } .ux-card
Custom CSS
Elementor FREE PDF

Elementor Custom CSS

The selector keyword, reusable CSS classes, common widget targets and the right place for HTML, CSS and JavaScript.

selector classes widgets
Download Free PDF
Elementor
Responsive
Elementor FREE PDF

Elementor Responsive Containers

Container direction, responsive spacing, mobile QA and CSS fixes for overflow, images and full-bleed sections.

mobile containers QA
Download Free PDF
Animation
Motion
Animation FREE PDF

CSS Animation & Transitions

Transition syntax, keyframes, motion performance and an accessible prefers-reduced-motion fallback.

keyframes transform motion
Download Free PDF
Accessibility
Quick Check
Accessibility FREE PDF

Accessibility Quick Check

A practical pre-launch review for semantics, keyboard access, focus, forms, media, contrast and reduced motion.

keyboard focus forms
Download Free PDF
WordPress
Launch Check
WordPress FREE PDF

WordPress Launch Checklist

Final checks for content, forms, SEO, indexing, performance, security, analytics and client handover.

SEO security handover
Download Free PDF
WordPress & ACF
get_field() esc_html()
ACF Output
WordPress FREE PDF

ACF Output & Escaping

Safe output examples for text, HTML, images, links, true/false fields, relationships and repeaters.

ACF PHP escaping
Download Free PDF
Built for Daily Work

Download. Keep open. Build faster.

The sheets are deliberately compact. Save them locally, print them or keep the relevant PDF beside Elementor and your code editor.

01

Choose a topic

Pick the reference that matches the current task.

02

Download the PDF

No account, checkout or email gate is required.

03

Use the examples

Apply the patterns directly to real frontend projects.

04

Open related effects

Continue with reusable UINEXA snippets and components.

Free Resource Bundle

Get all ten frontend cheat sheets.

Download the complete UINEXA starter collection and keep the most useful frontend references in one folder.