Design & Code  —  Building : Lexington Themes

projects

github

devto

dribbble

hashnode

medium

productHunt

Michael Andreuzza  • Peerlist

Hey everyone!Excited to introduce Spazio Bianco 2025. Spazio Bianco is a modern theme with dark blue, teal, and yellow accents—perfect for SaaS or banking sites that want to look sleek without sacrificing their "cool" factor.A fresh redesign with powerful new features!- Crafted with Astro &amp; Tailwind CSS - 30 pages - Multiple mode - Search functionality - Reusable components for flexibility - GitHub access with repository - Free updates - Included in the bundlePerfect for SaaS or banking startups.

Spazio Bianco

Hey everyone!Happy to introduce Carriera 2025, a brutalist and Swiss-inspired multi-theme template that’s as bold,..or as dark as the job opportunities it showcases. Clean and structured, with accents that pop. Because your job board should be as modern and straightforward as your hiring process..- Crafted with Astro &amp; Tailwind CSS - 31 pages - Multiple mode, light, dark and purple! - Search functionality - Reusable components for flexibility - GitHub access with repository - Free updates - Included in the bundlePerfect for job and hiring platforms.Check it out <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://lexingtonthemes.com/templates/carriera/">https://lexingtonthemes.com/templates/carriera/</a> Thank you for reading and have a good day! /Mike

Carriera

Happy to introduce Ælen, Ælen is a SaaS template for teams who break out in hives at the sight of gradients and startup clichés. It’s light-mode and has more structure than your last investor deck. If retro design is your kink, welcome home.<ul><li>27 pages &amp; 100+ sections, 100+ components</li><li>Search functionality</li><li>Content collections</li><li>Reusable components for flexibility</li><li>GitHub access with repository</li><li>Free updates</li><li>Included in the bundle</li></ul>Perfect for startups Thank you for reading and have a good day!

Ælen

Hey everyone!Happy to introduce Trendspotter , A minimalist Swiss design, perfect for studios and agencies. Clean, modern, and elegant, this theme lets your brand and work shine, minus the clutter. It’s like the sleek black turtleneck of websites—effortlessly stylish.- 28 pages &amp; 100+ sections, 100+ components - Light and dark mode - Search functionality - Content collections - Reusable components for flexibility - GitHub access with repository - Free updates - Included in the bundle Perfect for agencies and productized services. Thank you for reading and have a good day! /Mike

Kotei

Hell everyone, I want to introduce Malibu theme, a VS Code theme adapted to also Open VSX and Zed editor. I crafted this theme for myself, I needed a theme that it wasn't washed out and had a dark and light mode. At the same time I needed a theme with a light mode that allowed me to work outside, in the sun, so, no completely white, because then the change to dark would have been very harsh.... See al available IDEs - Official site: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://michaelandreuzza.com/vscode/malibu/">https://michaelandreuzza.com/vscode/malibu/</a> So here it is, Malibu,hope you enjoy it and have a nice day. /Mike

Malibu theme

Happy to introduce Pro FolioX is a dual-mode portfolio theme with a left sidebar—perfect for creators who want to show off their work in style, whether they're in the light or feeling a little "dark mode" today!<ul><li>27 pages &amp; 100+ sections, 100+ components</li><li>Light/dark mode</li><li>Search functionality</li><li>Content collections</li><li>Reusable components for flexibility</li><li>GitHub access with repository</li><li>Free updates</li><li>Included in the bundle</li></ul>Perfect for bloggers, creators and what not. Thank you for reading and have a good day!

Pro FolioX

Hey everyone!Happy to introduce Trendspotter , sleek directory template for curation sites,..it's like the Waldo of the web, making it easy to discover, save, and manage everything in your users dashboard. It’ll help them find what they're looking for faster than you can say, “Where’s Waldo?- 65 pages &amp; 100+ sections, 100+ components - Search functionality - Content collections - Reusable components for flexibility - GitHub access with repository - Free updates - Included in the bundle ( 30% off )Perfect for web, design or other type of curation! Thank you for reading and have a good day! /Mike

Trendspotter

Pricing Patterns is a curated gallery of real pricing pages, designed to inspire and simplify your next project. Search by tiers, style, colors, and more.

Pricing Patterns

KromatikaKromatika is a free and open-source color palette ready to use in web design and user interfaces. Kromatika Color LibraryKromatika is a comprehensive color library that provides a wide range of color palettes for use in your web projects. This library includes colors organized by categories, making it easy to maintain a consistent color scheme throughout your application.<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://michaelandreuzza.com/work/kromatika/">Official site</a><h2>Installation</h2>To use the Kromatika color library in your project, follow these steps:<ol><li>Clone the Repository:</li></ol>git clone <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/michael-andreuzza/kromatika.git">https://github.com/michael-andreuzza/kromatika.git</a> cd kromatika<ol><li>Install Dependencies To get started with Kromatika, you need to install the package and any necessary dependencies. If you are using npm, you can install Kromatika with:</li></ol>NPM<ul><li>npm install kromatika</li></ul>Yarn<ul><li>yarn add kromatika</li></ul><h2>Usage</h2><h3>Importing Colors</h3>You can import the colors into your JavaScript, JSON, SCSS and CSS files as needed.JavaScriptTo use the colors in your JavaScript files, you can import the colors object from index.js:const colors = require('./index.js'); // EXample usage: console.log(<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="http://colors.black">colors.black</a>); // Outputs the hex color code for blackJSONTo use the colors in your JSON files, you can import the colors object from colors.json:```json "metal":[ "#F3F4F7", "#E2E4EB", "#CCD0DC", "#B3BACB", "#9BA4BA", "#828DA9", "#626E8E", "#49526A", "#303646", "#191C24" ]// Add more color categories as needed }YAMLTo use the colors in your YAML files, you can import the colors.yml file:metal: - "#F3F4F7" - "#E2E4EB" - "#CCD0DC" - "#B3BACB" - "#9BA4BA" - "#828DA9" - "#626E8E" - "#49526A" - "#303646" - "#191C24" # Add more color categories as neededSCSSTo use the colors in your SCSS files, you can import the colors.scss file:@import "kromatika/colors.scss"; // Example usage: body { background-color: var(--kr-charcoal-50); color: var(--white); }LESSTo use the colors in your LESS files, you can import the colors.less file:@import "~kromatika/colors.less"; // Example usage: body { background-color: @black-50; color: @white; }StylusTo use the colors in your Stylus files, you can import the colors.styl file:@import "~kromatika/colors.styl" // Example usage: body background-color: $black-50 color: $whiteCSS@import "kromatika/colors.css"; // Example usage: body { background-color: var(--kr-charcoal-50); /* Using a black shade */ }<h3>Available Colors</h3>The color library includes the following categories:<ul><li>Charcoal: A range of shades of charcoal.</li><li>Metal Shades: A range of metallic colors.</li><li>Haiti Shades: Soft, muted colors inspired by the Haitian palette.</li><li>Purple Shades: A variety of purple tones.</li><li>Blue Berry Shades: Fresh and vibrant blue shades.</li><li>Blue Shades: Rich and deep blue colors.</li><li>Sky Shades: Light and airy sky colors.</li><li>Turquoise Shades: Bright and refreshing turquoise tones.</li><li>Persian Green Shades: Elegant green shades.</li><li>Pastel Green Shades: Soft and pastel green colors.</li><li>Grass Shades: Lively green shades.</li><li>Carrot Shades: Warm and inviting orange shades.</li><li>Orange Shades: Bright and cheerful orange tones.</li><li>Red Shades: Bold and vibrant red colors.</li><li>Raspberry Shades: Sweet and rich raspberry tones.</li><li>Fuchsia Shades: Bright and lively fuchsia colors.</li></ul><h3>Customization</h3>You can easily customize the colors by modifying the values in the colors.json file, or directly in the index.js, colors.scss, and colors.css files. This flexibility allows you to tailor the color palette to fit your project’s branding and design requirements.<h3>License</h3>This project is licensed under the MIT License.<h3>Contributing</h3>Contributions are welcome! If you have suggestions for improvements or new color palettes, feel free to open an issue or submit a pull request.<h3>Acknowledgments</h3>Thank you for using Kromatika! I hope this color library enhances your project and streamlines your design process.

Kromatika

SVG Doodles is a collection of free, creative doodles available for use under the CC Attribution 3.0 license. Launched on May 20, 2020, this platform provides designers and developers with a versatile range of SVG doodles for enhancing web and mobile applications.<h3>Background</h3>SVG Doodles was conceived to offer the creative community access to a library of unique doodles that can easily be integrated into digital projects. Recognizing the need for versatile, scalable graphics that could add personality and visual interest to various digital interfaces, SVG Doodles provides an easy-to-use resource that supports creative expression and design flexibility.FeaturesSVG Doodles boasts a collection of more than 200 doodles, each crafted to add a distinctive touch to digital designs. Users can browse through an eclectic mix of doodles and copy them directly to their clipboard, simplifying the process of incorporating these graphics into their projects.<ul><li>Ease of Use: With a focus on accessibility, SVG Doodles allows users to effortlessly copy doodles to their clipboard for immediate use in projects.</li><li>Creative Freedom: The doodles are available under the CC Attribution 3.0 license, offering a balance between creative freedom and respect for creators through proper attribution.</li><li>Diverse Collection: Catering to a wide range of themes and styles, the platform ensures that designers and developers can find the perfect doodle for any project.</li></ul>ImpactSince its inception, SVG Doodles has become a go-to resource for digital creatives looking to enhance their work with unique, playful graphics. The platform has facilitated the embellishment of countless web and mobile applications, contributing to more engaging and visually appealing digital experiences.ConclusionSVG Doodles embodies the spirit of creative collaboration by providing a freely accessible collection of doodles to the digital design community. As we continue to expand our library, we remain committed to supporting designers and developers in their quest to create captivating and dynamic digital environments.Website: <a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-500 rich-link" href="https://svgdoodles.com/">SVG Doodles</a>

SVG Doodles

Color &amp; typography tools for web developers &amp; digital designers.<a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-text rich-link" href="https://www.colorsandfonts.com/">Visit: Colors &amp; Fonts</a>Introduction Colors &amp; Fonts is a free, all-in-one toolkit designed for web developers and digital designers, offering a wide range of color and typography resources. Launched on March 16, 2018, it provides users with harmonious and visually appealing design elements, all in one convenient place.Users can easily copy color palettes in multiple formats—HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV—ensuring flexibility across different design needs. The toolkit also includes ready-to-use CSS code for typography, helping designers quickly incorporate cohesive and stylish text elements into their projects.Background Colors &amp; Fonts was my first major project, created to address a personal need for a unified tool that could simplify the selection and application of colors and typography in web development. Realizing its broader potential, I developed the platform to share these resources with others in the design and development community.Impact Since its launch, Colors &amp; Fonts has become an essential tool for designers and developers, offering:<ul><li>A Unified Resource: A single platform that combines diverse color systems and typography tools, making it easier to find everything in one place.</li><li>Inspiration and Efficiency: Curated selections that both inspire creative ideas and streamline the design decision-making process.</li><li>Ease of Use: Interactive tools and ready-made codes that simplify the implementation of design elements.</li></ul>Conclusion Colors &amp; Fonts marks the beginning of my journey into web development and design. It reflects my passion for creating tools that make the creative process easier and more efficient. By sharing these resources, the platform encourages innovation and helps designers bring their digital projects to life with greater ease./Michael Andreuzza

Colors & Fonts

Free and premium multipage themes and UI KitsFor freelancers, developers, businesses, and personal use.Beautifully crafted with Astro.js, and Tailwind CSS — Simple &amp; easy to customise.Visit: Lexington ThemesIntroductionLexington Themes provides a range of both free and premium multipage themes and UI kits, perfect for freelancers, developers, businesses, and personal projects. Each theme is thoughtfully built with Astro.js and Tailwind CSS, with a strong emphasis on simplicity and easy customization.Background Launched on February 13, 2023, Lexington Themes was born out of the need for high-quality, user-friendly web templates that speed up the development process for a diverse audience. Drawing on my web development experience, I set out to create a solution that blends both visual appeal and practical functionality, streamlining web design workflows.Challenges<ul><li>User Experience: Ensuring the themes were intuitive and easy to use for a broad audience, from beginners to seasoned developers.</li><li>Design Uniqueness: Crafting visually distinctive and appealing designs that stand out in a competitive market.</li><li>Performance Optimization: Balancing beautiful design with fast loading times and excellent website performance.</li><li>Customization: Making sure users could easily adapt the themes to fit their specific needs and brand identity.</li></ul>Solutions<ul><li>User-Centric Design I prioritized user experience by adopting a design-first approach. This made sure each theme and UI kit was not only visually striking but also easy to navigate and use.</li><li>Unique Themes with Astro.js and Tailwind CSS By leveraging Astro.js and Tailwind CSS, I created modern, unique designs that offer both style and performance. These tools enabled a modular design structure, allowing users to easily customize their themes.</li><li>Performance Optimization I optimized each theme for speed and efficiency, ensuring that websites built with Lexington Themes load quickly and perform smoothly, even on mobile devices.</li><li>Easy Customization Recognizing the diverse needs of users, I made customization a key focus. With Tailwind CSS, users can easily modify the look and feel of their site to match their brand identity without needing extensive coding skills.</li></ul>Impact Since its launch, Lexington Themes has:<ul><li>Empowered over 4,000 users, from freelancers to large businesses, to quickly build beautiful, high-performance websites.</li><li>Earned praise for its design, ease of use, and flexible customization options.</li><li>Helped grow countless projects by offering a solid foundation that users can build and tailor to their needs.</li><li>Received a $10,000 award from the Astro team for contributing new open-source themes, a recognition that highlights the community's appreciation and motivates me to continue developing accessible, high-quality tools.</li><li></li></ul>Conclusion Lexington Themes is the result of my commitment to simplifying web development without compromising on design or performance. The feedback and creativity of the community inspire me, and I’m excited to continue expanding and enhancing the offerings to improve user experience even further./Michael Andreuzza