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.
Illustration
Editorial 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
The link restores the search and filters, including resources selected for comparison.
No resource matches these filters. Try a broader search.
Compare up to three resources
Select resources from the cards below. Compare their role and practical use, then verify current terms, costs, data export and support on official websites. Geographical origin describes the publisher; it does not establish where your data will be hosted.
No resource selected.
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 asset rights, readability and export quality; keep an editable version and a document owner.
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 : Retain the photograph’s source page, author and licence, check use context and identify illustrative photography.
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
Troubleshooting methods
Media quality depends on what it helps readers understand on its page. Test variants with real copy and their final use: an attractive image or polished prototype can lose meaning with another crop, language or narrower screen.
A mobile crop removes important information
- What you observe
- The visual looks balanced on desktop, but its subject, a gesture or a useful detail disappears in the narrow version.
- Before drawing a conclusion
- Automatic cropping does not know editorial intent. One ratio may suit atmosphere yet fail to preserve specific information.
- Verification step
- Identify the element to preserve, then compare several widths. Adjust the focal point or provide a suitable variant. Keep essential information in text when comprehension should not depend solely on the image.
A stock photo looks like client work
- What you observe
- A generic photograph accompanies a record, but its title or caption suggests it depicts the organisation’s team, premises or project.
- Before drawing a conclusion
- Usage rights and presentation accuracy are separate questions. A licensed image does not become evidence of completed work.
- Verification step
- Check the source, rights and caption. Label illustrative use where necessary, and reserve descriptions of real locations or projects for media with a confirmed subject. Avoid adding a client attribution without evidence.
A translation no longer fits the component
- What you observe
- A card, button or heading fits the original prototype but becomes clipped, overflows or leaves excessive empty space in another language.
- Before drawing a conclusion
- A fixed height and short placeholder text can conceal real constraints. Arbitrarily reducing the font harms readability.
- Verification step
- Test actual published text at several widths and zoom levels. Allow the component to expand where appropriate, preserve a readable size and check reading order in right-to-left languages.
Further documentation
Transparency
Suggest a resource or correction
Editorial scope and third-party websites
This non-exhaustive directory had its data consistency and links checked on 2 October 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.
Prefer a photo when it usefully shows an object, material, action or real context. Keep a diagram when the aim is to explain a relationship or process a photo cannot clarify. Relevance, rights and file size matter more than a stylistic change alone.
Describe what the image contributes to the content without inventing the location, person or client depicted. If it carries no information and is purely decorative, treat it accordingly. Credits and licence belong in the caption or associated information.