Toolchain For Lasting Design Systems

Evolve your UI to stay ahead of developments on the web and in your company. Gain control of all your websites, Apps or IoT - using a single library of Web Components.

One Web Component Library.
As Many Worlds As You Want.

The superpower of Web Components is that they are reusable. Build them once and use them in any project across your whole company. Biotope helps you build Web Components quickly, makes sure they work together and reconciles them into a single library. This in turn gives you a superpower: Lasting control of your entire UI.

Biotope works with any framework - Angular, React, Vue, etc. so there won't be any compatibility issues. Use whichever you want. Or switch when it suits you. Web Components are a standard web technology. Because there is no coupling to the apps or websites where they are used in, your library of Web Components theoretically lives on forever. Biotope's entire toolchain is free. It is maintained by a community of professional developers.


the Web Components you need for your project. Not the architecture and tools around it. That's what Biotope is for - including polyfilling and templating for browsers that need them.


across several teams or projects on your component pool. Biotope's built-in quality gate and living styleguide ensure all standards are met - no matter who works on it.


your Web Components simultaneously from a single location. This guarantees a consistent appearance throughout all of your digital products. Conditional loading ensures you only ever tap the resources you need.


your components for any of your digital products. Biotope ensures they work in any framework: React, Angular, Vue - whichever you prefer. And the living styleguide shows how to use them.

Stay ahead

and continuously evolve your library with every new version of a component. Thereby easily enforcing style and branding guidelines. Get rid of design debt and excessive maintenance costs.

Biotope Installation
Start building
within minutes.

No complicated registration process. No hidden costs. No more big technology decisions at the beginning of each project - Biotope works with any framework so you can build in the environment of your choice. And everyone else too. Build up your Web Component Library together.

Code & Resources

See the Biotope code on GitHub

Get the latest version of the Biotope CLI tool from npm

Read the Biotope documentation


Create Web Components with Biotope-Element

Check out an example website built with Biotope

Automate your Build process with Biotope-Build

You want to learn more? Ask an expert.

Develop digital experiences
Flexible. Constant.
Across All Devices.

Develop high quality components instead of the architecture and development environment required. (That's Biotope's job). Roll out your interface from a single point of truth - simultaneously for all of your digital products. Keep your brand identity consistent across all your websites, apps or IoT. Say goodbye to design debt. Grow your library as big as you want. With Biotope collaboration is easy and your projects only uses the Web Components they need so performance stays high.

You are in
good company

Union Investment Roche BASF Siemens

Need help setting up your frontend ecosystem?
We'd love to support you.

Who's behind

Core Group

Marc Emmanuel Tiago Marques Timo Mayer


Danny Stey Jan Rembold Alexander Benz Jurek Barth Saeid Mohadjer Matthias Schulz Robin Spielmann Dominikus Weiger David Losert Tiago Aguiar Lukas Müller Lukas Gorniak Deborah Köpfer Christoph Hummel Kai Wißler Simon Braun Filipe Martins Clemens Fiedler Benjamin Konopka Edwin Repp Jonas Begemann Ivaylo Stoyanov


Virtual Identity AG
Grünwälder Str. 10-14 | 79098 Freiburg
t +49 761 20758-00 | f +49 761 20758-01


CEO: Ralf Heller
Responsible for the content according to § 55 paragraph 2 RStV: Ralf Heller

HRB 6218, Amtsgericht Freiburg
Value Added Tax (VAT) ID: DE 208002218

Legal information

Copyright © 2002-2019 Virtual Identity AG. All rights reserved.

The contents of the Biotope website are protected by copyright and may not be reproduced, duplicated or distributed in any form without the written consent of Virtual Identity AG.

| Disclaimer | We regularly check and update the information provided on our website. Despite careful control of the content, the information provided on this website may have changed. Therefore no liability or guarantee can be assumed that the contents are up-to-date, accurate and complete. The operators of linked pages are solely responsible for their content.

Privacy Policy

Data protection declaration / information according to art. 13 DSGVO
Last update: 10.10.2019

Thank you for your interest in our website and our company.

The protection of your personal data during collection, processing and use on the occasion of your visit to our portal is important to us. We have taken technical and organizational measures to ensure that the data protection regulations are observed both by us and by external service providers.

We would like to inform you about the type, scope and purpose of the collection and use of your personal data provided to us as well as about its processing and use.

1. Contact details

Virtual Identity AG
Grünwälderstraße 10-14
79098 Freiburg
t +49 761 20758-456
f +49 761 20758-02
Board: Ralf Heller

2. Processing of Data

Personal data is information about your identity. This includes information such as name, address, telephone number and e-mail address.

In general, you can visit our website without leaving any personal data behind, e.g. if you only want to inform yourself about our products and call up the corresponding pages. The accesses made to our homepage and each retrieval of a file stored on the homepage are logged. The storage serves internal system-related and statistical purposes. Logged: Browser type/version, operating system used, referrer URL (the previously visited page), host name of the accessing computer (IP address), time of server request. However, no personal data will be transmitted on your part and this information will be stored separately from any personal data transmitted. In addition, the IP addresses of the requesting computers are logged

In certain cases, however, we need your name and address as well as other information so that we can provide the desired services. This further personal data is only collected and stored if you provide this information voluntarily, for example as part of an inquiry, a registration, an application as an employee or potential supplier or when placing and processing orders

3. Purposes and legal bases

If you provide us with personal data, we will only use it to answer your inquiries (legal basis is Art. 6 Para. 1 lit. a, b or f DSGVO) and to process projects (legal basis is Art. 6 Para. 1 lit. a, b or f DSGVO) with regard to advertising measures vis-à-vis you (legal basis is Art. 6 Para. 1 lit. a, b or f DSGVO). 6 para. 1 lit. a DSGVO) in order to provide you with access to certain information or offers or to use information and communication systems (legal basis here is Art. 6 para. 1 lit. a, b or f DSGVO) and within the framework of statutory provisions (legal basis here is Art. 6 para. 1 lit. c DSGVO). We will collect, process and use the personal data you provide online only for the purposes disclosed to you. Your personal data will only be passed on to third parties or otherwise transferred if this is necessary for the purpose of carrying out the activities mentioned here, e.g. if service providers are called in or if you have given your prior consent to the transfer. These third parties may not use the data for other purposes.
Of course, we will respect your wishes if you do not wish to provide us with your personal data to support our customer relationship (in particular for direct marketing or market research purposes).
We only disclose personal data about customers or suppliers if we are required to do so by law (legal basis is Art. 6 Para. 1 lit. c DSGVO), or if we are required to do so by a court decision (legal basis is Art. 6 Para. 1 lit. c or f DSGVO) or if the disclosure is necessary to enforce or protect our General Terms and Conditions or other agreements (legal basis is Art. 6 Para. 1 lit. c or f DSGVO). This applies mutatis mutandis to the processing of data.
The data will not be disclosed for commercial purposes.
Our employees and the service companies commissioned by us are obliged by us to secrecy and to comply with the provisions of the current data protection laws. The access to personal data by our employees is limited to those employees who need the respective data due to their professional tasks.

4. Data that we collect

Please refer to Sections 2,3 and 7-9 of this Privacy Policy.

5. Transfer of data to third parties or to a third country

We do not pass on your data to third parties without a legal basis. Nor do we transfer your data to a third country unless you yourself are in a third country or the processing of contracts requires the transfer of your data to a third country.

6. Cookies

a) General

We do not pass on your data to third parties without a legal basis. We also do not pass on your data to third countries unless you are in a third country or the processing of contracts requires the transfer of your data to a third country. In order to make visiting our website attractive and to enable the use of certain functions, we use so-called cookies on various pages. These are small text files that are stored on your terminal device. Some of the cookies we use are deleted after the end of the browser session, i.e. after closing your browser (so-called session cookies). Other cookies remain on your end device and enable us or our partner companies to recognize your browser during your next visit (persistent cookies). We use cookies to personalise content and advertisements and to analyse access to our website. We also share information about your use of our site with our social media, advertising and analytics partners. Details can be found at:

b) Legal base

The legal basis for the use of cookies is your consent. We only set one or more cookies if you have given your consent to the use of cookies in the cookie popup that appears when you visit our website. The legal basis is then Art. 6 Para. 1 lit. a GDPR.

7. Google Analytics

This website uses Google Analytics, a web analysis service provided by Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA ("Google").

Google Analytics uses "cookies", which are text files placed on your computer, to help the website analyze how users use the site. The information generated by the cookie about your use of the website (including your IP address) will be transmitted to and stored by Google on servers in the United States. Google will use the stored information to evaluate your use of the website, to compile reports on website activity for website operators and to provide other services relating to website activity and internet usage.

Google may also transfer this information to third parties where required to do so by law, or where such third parties process the information on Google's behalf. Google will not associate your IP address with any other data held by Google. You may refuse the use of cookies by selecting the appropriate settings on your browser, however please note that if you do this you may not be able to use the full functionality of this website. By using this website, you consent to the processing of data about you by Google in the manner and for the purposes set out above.

You may object to the collection of data at any time with effect for the future by using the Google Analytics deactivation add-on for browsers at

You can also prevent Google Universal Analytics from capturing your data by clicking the following link. Remove all tracking provided by this website by declining the use of Google Analytics:

Click here to disable Google tracking and reload the page.

We point out that this website uses Google Analytics with the extension "_anonymizeIp()". This means that IP addresses are stored exclusively in anonymous form, thus excluding any direct personal reference in connection with the stored data.

8. Google Tag Manager

This website uses the Google Tag Manager. This service allows website tags to be managed through an interface. The Google Tool Manager only implements tags. This means that no cookies are used and no personal data is collected. Google Tool Manager triggers other tags that may collect data. However, the Google Tag Manager does not access this data. If a deactivation has been made at the domain or cookie level, it remains valid for all tracking tags if they are implemented with the Google Tag Manager.

Click here to disable Google tracking and reload the page.

More information about the Google Tag Manager can be found here:

9. LinkedIn Insight Tag

The LinkedIn Insight tag creates a unique LinkedIn browser cookie in a visitor's browser and enables the collection of the following data for that cookie: metadata such as IP address, timestamp, and page events (e.g., page views). The provider is LinkedIn Corporation, 2029 Stierlin Court, Mountain View, CA 94043, USA. Each time you access one of our pages that includes the features of LinkedIn, a connection is established to a LinkedIn server. If you are registered with LinkedIn, LinkedIn will be able to link your interaction with our online services to your user account. LinkedIn is certified according to the Privacy Shield Agreement and thus guarantees compliance with European data protection legislation ( Further information from LinkedIn on data protection:, an opt-out option can be found here: For more information on the LinkedIn Insight tag, please visit:

Click on this link to be navigated to the website where you can opt out of LinkedIn tracking:

10. Your rights

In particular, you may request information about the purposes of the processing, the category of personal data, the categories of recipients to whom your data has been or will be disclosed, the planned storage period, the existence of a right of rectification, deletion, limitation of processing or opposition, the existence of a right of appeal, the origin of your data if it has not been collected from us, as well as the existence of an automated decision making process including profiling and, if applicable, meaningful information on its details.

If your data should not be correct, you can of course also request a correction or completion of your data.

You may also request that your data be deleted unless processing is necessary to exercise your right to freedom of expression and information, to fulfil a legal obligation, for reasons of public interest or to assert, exercise or defend legal claims. We will comply with this request for deletion immediately, but must of course comply with any applicable legal storage regulations.

You may also demand that we restrict the processing of your personal data insofar as the accuracy of the data is disputed by you, the processing is unlawful, but you refuse to delete it and we no longer need the data, but you need it to assert, exercise or defend legal claims or you have lodged an objection against the processing pursuant to Art. 21 DSGVO.

If you have given your consent to the use of data, you can revoke it at any time with effect for the future.

You also have the right to data transfer. We will make your data available to you in a machine-readable format if you make a corresponding request.

If your personal data is processed on the basis of legitimate interests pursuant to Art. 6 para. 1 sentence 1 lit. f DSGVO, you have the right to object to the processing of your personal data pursuant to Art. 21 DSGVO if there are reasons for doing so which arise from your particular situation or if the objection is directed against direct advertising. In the latter case, you have a general right of objection, which is implemented by us without stating a particular situation.

All requests for information, requests for information, requests for deletion, etc. or objections to data processing should be directed to the contact details of our data protection officer given below.

If you do not agree with our data processing, you also have the right to complain to the data protection supervisory authority responsible for us.

The responsible supervisory authority for data protection for us is:

Der Landesbeauftragte für den Datenschutz und die Informationsfreiheit Baden-Württemberg
Postfach 10 29 32
70025 Stuttgart

However, we would be pleased if you would talk to us first, so that we can clarify possible ambiguities or uncertainties together.

11. Data security

We maintain current technical measures to ensure data security, in particular to protect your personal data from the dangers of data transmission and from third parties gaining knowledge. These will be adapted to the current state of the art.

12. Changes to our data protection information

We reserve the right to change our security and data protection measures as far as this becomes necessary due to technical or legal developments or in case of justified legitimate interests. In these cases, we will also adapt our data protection information accordingly. Please therefore take note of the latest version of our data protection declaration.

13. Deletion

Stored personal data will be deleted if you revoke your consent to their storage, if their knowledge is no longer required to fulfil the purpose for which they were stored, or if their storage is inadmissible for other legal reasons, unless legal storage regulations speak against deletion, then the data will be blocked instead of deleted.

14. Automated decision making including profiling

There is no automated decision making, including profiling.

15. Contact person for questions regarding data protection

If you have any further questions regarding the collection, processing and use of your personal data, please contact our data protection officer at

Virtual Identity AG
Data Protection Officer
- Persönlich / vertraulich / confidential -
Grünwälderstraße 10-14
79098 Freiburg

We use cookies to create the best possible website experience and see whether our marketing campaigns are effective. Google Analytics (cookies expire in 24 months) helps us gain a better understanding on how users interact with the website. With the LinkedIn Insight Tag (cookies expire in 12 months) we gain insights whether our marketing efforts are having the desired effect. You are free to decline these cookies, but we'd be happy if you let us use your anonymized data. Further information can be found in our Privacy Policy