Official foundations
Standards bodies, official documentation and public authorities are used as primary reference points.
Web resources
Design, content and media
Design and media tools help prepare an interface, but value comes from readable content, consistent components and assets with clear usage rights. Test a prototype with real copy.
Design a card, a long page and a form with real copy and licensed media. Test translation expansion, errors and phone sizes before extending the system.
Browse the resourcesEditorial method
A directory made to be useful, not merely long.
Each entry has a clear role and an official destination. The catalogue avoids link farms, copied descriptions and artificial rankings.
Professional tools
Established services are grouped by actual use: building, hosting, measuring, securing, publishing or promoting a website.
Independent reading
Inclusion is editorial and unpaid. A listing does not imply a partnership or guarantee.
Compare on three practical questions
| Criterion | Question to resolve |
|---|---|
| Usefulness | Does the visual or component help people understand or complete an action? |
| Rights | Do the licence, credits and permissions cover the intended use? |
| Integration | Does the result remain readable, accessible and light in the real page? |
Keep a short decision record: requirement, source, observed result and unresolved point. Test the same task with each candidate instead of comparing marketing lists of features.
Search and filter
Official starting points for this topic
Compare their role and documentation before selecting a tool. Inclusion is not a ranking.
17 resources displayed
No resource matches these filters. Try a broader search.
Collaborative interface design, prototyping and design systems.
Use it for : Test components with real content and error states.
Apply it to a project
figma.comVisit official website
Suite for visual creation, video, publishing and digital experience.
Use it for : Define delivery formats and usage rights before producing media.
Apply it to a project
adobe.comVisit official website
Online graphic creation for visuals, presentations and social content.
Use it for : Check readability, export and rights of elements in a final visual.
Apply it to a project
canva.comVisit official website
Open-source design and prototyping tool built around Web standards.
Use it for : Evaluate file handover and collaboration with the development team.
Apply it to a project
penpot.appVisit official website
Photography library subject to its own usage terms.
Use it for : Check licence, relevance and representation of the subject before publication.
Apply it to a project
unsplash.comVisit official website
Online stock photography and video library.
Use it for : Choose an image suited to the context and record its source and terms.
Apply it to a project
pexels.comVisit official website
Library of photographs, illustrations, videos and audio.
Use it for : Check each asset’s quality and rights beyond its presence in the library.
Apply it to a project
pixabay.comVisit official website
Catalogue of Web fonts and typographic information.
Use it for : Choose few variants and test loading, readability and service terms.
Apply it to a project
fonts.google.comVisit official website
Icon library for interfaces and websites.
Use it for : Use only necessary icons with accessible labels when they convey meaning.
Apply it to a project
fontawesome.comVisit official website
SVG icon collection designed for modern interfaces.
Use it for : Check visual consistency and accessible names of illustrated actions.
Apply it to a project
heroicons.comVisit official website
Open library of consistent, customizable SVG icons.
Use it for : Keep icon meanings consistent throughout the interface.
Apply it to a project
lucide.devVisit official website
Colour palette generation and exploration.
Use it for : Test contrast and real usage before finalising a palette.
Apply it to a project
coolors.coVisit official website
Selection of websites and digital design trends.
Use it for : Separate visual inspiration from readability and performance needs.
Apply it to a project
awwwards.comVisit official website
Portfolios and creative projects published by professionals.
Use it for : Study presentation choices without copying protected content or visuals.
Apply it to a project
behance.netVisit official website
Designer community and interface work gallery.
Use it for : Validate an interface idea on a complete journey, not a screenshot.
Apply it to a project
dribbble.comVisit official website
Library of flows and screens from digital products.
Use it for : Compare observed journeys with the needs of your own audience.
Apply it to a project
mobbin.comVisit official website
Guide to container queries for adapting a component to available space.
Use it for : Test the same component in a narrow column and grid with long text.
Apply it to a project
developer.mozilla.orgVisit official website
Choose a starting point
What each category helps you decide.
These examples illustrate uses, not rankings or endorsements. Verify each provider’s current documentation and terms before a decision.
Design, content and media
Design and media tools help prepare an interface, but value comes from readable content, consistent components and assets with clear usage rights. Test a prototype with real copy.
Questions to check- Test mobile, keyboard, error and long-content states.
- Verify image rights and handover of source files.
A practical use : Design a card, a long page and a form with real copy and licensed media. Test translation expansion, errors and phone sizes before extending the system.
What this cannot prove : A design file alone cannot settle image rights, alternative text or final browser behaviour.
Related guide : How to choose and prepare website images
Transparency
Suggest a resource or correction
Editorial scope and third-party websites
This non-exhaustive directory was last reviewed on 30 August 2026; its links were checked on 25 September 2026. Some websites restrict automated checks. It contains external links to independent websites. Their availability, content, prices, cookies and terms may change. Française du Numérique does not control them and receives no commission for their inclusion.
Directory questions
Selection, independence and updates.
The editorial selection prioritises primary and official sources, established standards bodies, widely used professional tools, specialised media and active communities that are directly relevant to creating, operating, securing or promoting websites. An entry should have a clear purpose, an identifiable publisher and an official destination. The catalogue is independent, non-exhaustive and does not attempt to rank every available provider. Inclusion may be reconsidered when a resource closes, changes purpose, becomes misleading or no longer offers enough practical value. Review dates indicate when the catalogue was last checked as a whole, not a guarantee that every external page remains unchanged afterwards. Visitors should therefore confirm current pricing, terms, security and suitability on the third-party website before relying on a service.
No. A directory entry is a practical reference, not a certification, partnership, security audit or commercial endorsement. The listed organisations remain responsible for their products, content, prices, availability, cookies, personal-data practices and contractual terms. A resource may be useful for one project and unsuitable for another because requirements, jurisdiction, budget and technical capacity differ. Française du Numérique does not receive a commission for inclusion in this editorial directory. Before creating an account, purchasing a service or transferring data, visitors should review the official documentation, current terms, support arrangements, export options and relevant independent evidence. When the decision carries legal, financial or security consequences, an appropriately qualified assessment may also be necessary.
Yes. The search field checks resource names and editorial topics, while filters narrow the catalogue by category, geographical origin and resource type. Filtering and sorting take place locally in the browser, so the text entered in the directory search is not sent to a separate search provider. Combining several filters may produce no result even when a useful resource exists in a neighbouring category; in that case, remove one filter or try a broader term. The catalogue descriptions are deliberately concise and cannot represent every feature offered by a third party. Open the official website to confirm capabilities, documentation and current conditions before making a decision.
Use the contact page and provide the resource name, official URL, publisher, relevant category and a short explanation of its value for web professionals or project owners. For a correction, identify the entry and the information that appears inaccurate or outdated, ideally with a primary source. Suggestions are reviewed before publication and may be declined when the destination lacks a clear publisher, duplicates an existing entry, is primarily promotional, creates avoidable risk or falls outside the directory scope. Submission does not guarantee inclusion or a particular position, and paid placement is not offered through this editorial process.