@dynatrace/groundhog
Advanced tools
This is Groundhog, a CSS library for all Dynatrace web entities. Think Bootstrap, but pretty, modern and fast.
We created Groundhog to unify all Dynatrace web entities, regardless of the underlying technology. Use it to fuel your Blogs, custom dashboards, Wikis, etc. If you want to see what's possible with Groundhog, check out our showcase. We used some, if not all Groundhog components to make them look like being one and the same.
Groundhog is designed after the contents from our asset library, and features up to date implementations of the components there. Additionally, we created extra modules that come in handy when working with websites and web applications: Layouts, lightboxes, etc.
If you work in one of our GWT web applications like Ruxit or AppMon, please use the Dynatrace widget library instead. This project is just there to be a guideline or a precursor to widgets that find their way into GWT.
Right now, we feature a full build with all the components. You'll get a CSS file, a JS file and all the images necessary. Please make sure to fit the paths to your project.
If you want to have a more advanced build, check us out on GitHub and do a plain build:
npm install
npm run build
You will then find compiled stylesheets for all the components that we got.
The font we're using is called Bernina. You can find downloads for this font and usage terms in our asset library. If you can't use Bernina for some reason, the open source alternative "Open Sans" works as well. Make sure you get the 300 and 400 font styles.
Same goes for the iconography used with Groundhog. You can find them in the asset package available in the asset library.
Groundhog is also built with Groundhog. Who would have thought?
This project is maintained by:
With contributions by:
FAQs
CSS components for Dynatrace
The npm package @dynatrace/groundhog receives a total of 63 weekly downloads. As such, @dynatrace/groundhog popularity was classified as not popular.
We found that @dynatrace/groundhog demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.
Security News
NIST's new password guidelines remove periodic changes and special character requirements, focusing on longer, more secure passwords for better authentication practices.