Geologic UI
Geologic UI is a component library inspired by 90's style web design on Geocities. It is compatible with Next.js and React. It contains buttons, horizontal rules, HTML5 compliant center tag and Blink tag. More components are soon to come.
Overview
Geologic UI is a nostalgic component library that brings back the iconic 90's web design aesthetics reminiscent of Geocities. This creative library offers a variety of components, making it an intriguing choice for developers who want to incorporate a retro vibe into their modern web applications. With its compatibility with popular frameworks like Next.js and React, Geologic UI allows developers to evoke a sense of nostalgia while still adhering to contemporary coding standards.
Features
- Blink Button: A fun, animated button that captures the spirit of old-school web design, perfect for grabbing attention on your site.
- Center HR: A horizontal rule component that can be centered in your layout, adding a distinctive retro touch.
- Icon Set: A collection of icons designed in the nostalgic 90's style, ready to be integrated into your projects.
- HTML5 Compliance: Provides modern, HTML5 compliant versions of deprecated HTML tags, bridging the gap between past and present web practices.
- Under Construction Icon: A playful nod to the web's early days, signaling that a webpage is still in development.
- Installation Ready: Easily installable via npm with a simple command, making setup quick and straightforward.
- Documentation: Comprehensive documentation is available for easy reference, ensuring you can effectively utilize the components.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.