Free for developers

Build faster with free templates, guides and interview prep

Grab UI templates, read practical how-tos, and practise software-engineer interview questions from intern to senior — without a signup wall.

Browse templatesPractise interview Q&A
  • No account required
  • Plain-English answers
  • PDFs you can download
UI templatesReady-made layouts and components you can download and adapt.GuidesFrontend layouts, Tailwind CSS patterns, and shipping web projects.Interview questionsReact, SQL, Java, C# and more — intern through senior.

On this site

Templates, answers, and guides you can use

FreeDevTemplates publishes things you can use without an account: UI templates you download and edit, software-engineer interview answers you can practise out loud, and short guides for shipping a page or a product. The editor who maintains the site also posts walkthroughs on YouTube as @codewithkaveesh. Corrections go to freedevtemplates@gmail.com.

Templates are layouts built with HTML, CSS, Tailwind, and JavaScript. Open a template, preview it, and download the source. Change the copy, colours, and sections for your own project. You can use them on personal and commercial work. Please do not resell the original files as a template pack.

The interview section has 169 questions across JavaScript, React, Node.js, TypeScript, SQL, Python, Java, C#, system design, and behavioural rounds. Each answer starts with a sentence you can say in the room, then the explanation, a code sample where it helps, and the mistakes that usually cost the point. Topic PDFs are on the question pages.

Guides explain a job such as publishing a landing page, comparing hosting, or selling a digital file. When a guide mentions a paid product the site earns from, that relationship is stated on the page and on the affiliate disclosure. How pages are written, checked, and corrected is on the editorial policy.

Start here

Four things this site is for

Pick a path. Every section is free to use and written for working developers, not for hype.

TemplatesBrowse free UI templates and components for web and mobile projects.Interview Q&A169 questions with short answers, code and downloadable PDFs.BlogPractical guides on UI layout patterns, Tailwind CSS, and shipping web projects.Practice ModeWork through software engineering interview questions by role, difficulty, or topic.

Templates

Recently added UI templates

Start from a working layout instead of a blank file. Open a template to preview and download it.

View all templates

Interview prep

Questions people actually search for

Each answer starts with a sentence you can say out loud, then the explanation and code. Browse by technology, role or experience level.

All interview questions
  1. Q1MediumJavaScriptWhat is a closure in JavaScript and why is it useful?A closure is a function that keeps access to the variables of the scope where it was created, even after that outer function has finished running.
  2. Q2MediumJavaScriptWhat is the event loop in JavaScript and how does it work?The event loop is the mechanism that lets single-threaded JavaScript handle asynchronous work: it runs the call stack to empty, then runs all queued microtasks (promises), then takes the next task (timers, events) from the queue.
  3. Q3MediumReactHow does useEffect work in React and what is the dependency array?useEffect runs a function after the component renders; the dependency array tells React when to re-run it: with no array it runs after every render, with an empty array only after the first, and with values only when those values change.
  4. Q4EasyNode.jsWhat is Node.js and why is it called single-threaded?Node.js is a JavaScript runtime built on Chrome's V8 engine that runs your JavaScript on a single main thread and uses non-blocking I/O, so one thread can handle many concurrent connections.
  5. Q5EasySQLWhat is the difference between INNER JOIN and LEFT JOIN in SQL?INNER JOIN returns only rows that have a match in both tables, while LEFT JOIN returns every row from the left table and fills the right table's columns with NULL when there is no match.
  6. Q6MediumSQLWhat is an index in SQL and how does it improve performance?An index is a separate sorted data structure (usually a B-tree) that lets the database find rows without scanning the whole table, at the cost of extra storage and slower writes.
JavaScriptReactNode.jsTypeScriptSQLPythonJavaC#

From the blog

Practical guides, not filler

UI architecture, responsive Tailwind CSS layouts, accessibility, and practical guides for shipping web projects.

All articles

How we write

Built to be used, not collected

Download and adapt

Templates are free to grab. Change the layout, colours and copy to fit your project.

Guides with a next step

Articles start with a direct answer, then the steps — not a long intro before the useful part.

Interview answers you can say

Questions match how candidates search. Each one has a short answer, then the why and a snippet.

Honest about trade-offs

We explain when a tool or pattern is a poor fit. No fake stats or income claims.

Need a starting point?

Download a template, read a guide, or work through an interview question. All three are free.

Browse templatesInterview Q&A