DEV Community: Rizmy Abdulla 🎖️

tinypdf - A tiny PDF library in Dart (<600 LOC, zero deps, real PDFs!)

Rizmy Abdulla 🎖️ — Wed, 24 Dec 2025 19:28:37 +0000

tinypdf is a small and minimal PDF creation library for Dart that keeps things simple and easy to understand. It comes in under 600 lines of code, has zero dependencies, and still produces fully valid PDF files.

Github repo: Click Here
pub.dev: Click Here

Even with its compact size, it supports:

text rendering
alignment options
rectangles and lines
JPEG images
basic markdown → PDF conversion

The focus is on keeping the implementation transparent and readable, so the internal PDF structure is clear instead of being buried under layers of abstraction.

⁂ How it handles PDFs

The library works closely with core PDF building blocks:

numbered objects
page content streams
the cross-reference table
the trailer section

A PDFBuilder manages objects and pages, and each page exposes a simple PageContext with drawing operations such as:

ctx.text("Hello PDF", 50, 700, 18);
ctx.rect(50, 650, 200, 40, "#ffcc00");
ctx.line(50, 640, 250, 640, "#222");

These map directly to real PDF operators like:

BT /F1 18 Tf ... ET
re
S

The overall idea is to keep behavior predictable and the code easy to follow.

⁂ Text, alignment & colors

tinypdf includes:

left, center, and right text alignment
optional text box width for alignment behavior
hex color parsing (#rgb / #rrggbb)

Text width is calculated using the Helvetica width table and converted to points, which helps alignment stay accurate instead of approximate.

⁂ JPEG image support

Images are embedded as XObjects, with:

width and height read from JPEG SOF markers
/DCTDecode used for decoding
/DeviceRGB as the colorspace

The scope is intentionally focused on JPEG support, aiming to keep things lightweight rather than trying to handle every possible format.

⁂ Markdown → PDF

There’s also a small markdown renderer that supports:

#, ##, ### headers
bullet lists
numbered lists
horizontal rules (---)
wrapped paragraphs

It works well for simple documents, quick exports, and lightweight reports where a compact PDF generator is enough.

⁂ Where a tiny PDF library fits well

A minimal library like this can be useful when:

dependency-free tools are preferred
readable source code matters
experimenting or learning about PDF internals
generating straightforward documents or reports

Instead of packing in large feature sets, tinypdf leans toward clarity, compactness, and direct control over the output.

If you find tinypdf useful, feel free to ⭐ star it on GitHub and leave a 👍 like on pub.dev.

Check Out My First Node.js Package: Json Flex DB!

Rizmy Abdulla 🎖️ — Fri, 29 Mar 2024 10:25:32 +0000

Hello folks,

I'm thrilled to share something really exciting with you all – my very first open-source Node.js package, Json Flex DB! It's a fantastic tool for managing data in Node.js projects, all using JSON.

What's the Deal with Json Flex DB?

Json Flex DB makes handling data a breeze. It's a lightweight and versatile solution for managing JSON-based databases in your Node.js projects. With Json Flex DB, you can effortlessly store, retrieve, update, and delete data, making your life as a developer a whole lot easier.

What's Under the Hood?

Data Management: Easily handle all your data operations – storing, retrieving, updating, and deleting – without breaking a sweat.
Lightweight: Don't worry about your project getting weighed down. Json Flex DB is light as a feather, so it won't slow you down.
Versatile: Whether you're dealing with a simple task or something more complex, Json Flex DB can handle it all. It's versatile enough to tackle a wide range of data management tasks.
User-friendly: Designed with simplicity in mind, Json Flex DB is beginner-friendly. Even if you're new to Node.js, you'll find it easy to use and navigate.

Check out my npm package.

And don't forget to give my GitHub repo a star🌟.

What do you think about my first Node.js package? Drop a comment below and let me know!

Anonymous-DP V2 : Unique and Random Pixel Profile Picture for Anonymous User

Rizmy Abdulla 🎖️ — Sat, 15 Jul 2023 13:41:13 +0000

Anonymous-dp V2

https://github.com/RizmyAbdulla/Anonymous-dp/

Anonymous-dp updated !!!

Many new features are unlocked in this version.

features

Obtaining the initial letters from the user's first name and last name and drawing them at the center of the display picture (DP).
Applying any color to the initial letters.
The initial letters also automatically adjust their color based on the background, using complementary function.
Adjustable font size of initial letters.
Adjustable font color of initial letters.
Random Colors for DP and initial letters in mode 3.

Features	Mode-1	Mode-2	Mode-3
Background Pattern	☑	☑	☒
Initial letters	☒	☑	☒
background solid color	☒	☒	☑
random profile picture Color	☒	☒	☑
random letter Color	☒	☑	☑
complementary letter color	☒	☑	☑
manual letter color	☒	☑	☑

docs

Live Previews
- Home Page
- mode-1
- mode-2
- mode-3
Anonymous-dp Intergration
- via CDN
- via Locally

Using Anonymous-dp in HTML webpage
- Supported-Classes
- Elements
- Showing First & Last Name in a Element
- Canvas
- Modes
- Font-size
- Complementary color
- Creating Functional Elements
- Save button
- Regenerate Button
- Name Editor Inputs
- Color Picker Radio
Developer Note

Live Preview

Anonymous-dp Intergration

Via CDN

you can intergrate Anonymous-dp from CDN (jsdeliver)

import javascript code via :
https://cdn.jsdelivr.net/gh/RizmyAbdulla/Anonymous-dp@main/Anonymous-dp.js

<script src="https://cdn.jsdelivr.net/gh/RizmyAbdulla/Anonymous-dp@main/js/Anonymous-dp.js

Via Locally

you can intergrate Anonymous-dp by Downloading js files

import javascript code :
path/to/Anonymous-dp.js

<script src="path/to/Anonymous-dp.js"></script>

Using Anonymous-dp in HTML webpage

Supported Classes For Canvas

Classes	Mode-1	Mode-2	Mode-3
profile-font-color-{hex color code}	☒	☑	☑
profile-font-size-{1-10}	☒	☑	☑
profile-font-complementary	☒	☑	☒
profile-random-dp-color	☒	☒	☑
profile-random-font-color	☒	☑	☑

Elements

Showing First & Last Name in a Element

Mode-1 needs two text element with profile-fname and profile-lname classes to get initial letters.

<p class="profile-fname">Rizmy</p>
<p class="profile-lname">Abdulla</p>

Canvas

Modes

our Canvas(profile picture) has three modes classes,mode-1,mode-2 and mode-3 .lets put all together.

using mode-1 class

<canvas id="profile-picture"
        class="mode-1"
        width="200"
        height="200">
</canvas>

using mode-2 class

<canvas id="profile-picture"
        class="mode-2 profile-font-size-7 profile-font-Complementary
        width="200"
        height="200">
</canvas>

using mode-3 class

<canvas id="profile-picture"
        class="mode-3 profile-font-size-7 profile-font-color-433656"
        width="200"
        height="200">
</canvas>

Font-size

We can use profile-font-size-7 class to adjust initial letters on profile picture.

supported modes : mode-2,mode-3

<canvas id="profile-picture"
        class="mode-3 profile-font-size-7
        width="200"
        height="200">
</canvas>

Complementary color

We can use profile-font-Complementary class to auto assign reliable color for initial letters according to Background color on profile picture.

supported modes : mode-2,mode-3

Note: In mode-3,Complementary color can be apply for initial letters When Profile Picture is set to profile-random-dp-color

<canvas id="profile-picture"
        class="mode-3 profile-font-Complementary profile-random-dp-color"
        width="200"
        height="200">
</canvas>

Creating Functional Elements

Save button

Use profile-save-dp id to save the DP.

<button id="profile-save-dp">Save DP</button>

Regenerate Button

Use profile-generate-dp id to Regenerate a DP.

<button id="profile-generate-dp">Generate DP</button>

Name Editor Inputs

Use profile-fname-input and profile-lname-input classes name to Edit UserName

<input type="text" class="profile-fname-input" placeholder="first name" />
<input type="text" class="profile-lname-input" placeholder="last name" />

Color Picker Button

Use profile-color-picker to Pick a color for initial Letters.

<input type="color" id="profile-color-picker" />

Developer Note

If you find this project useful or interesting, please consider giving it a star on GitHub by clicking the Star button at the top. Your support is greatly appreciated! ❤

Contributions are welcome! If you find any bugs or want to improve the project, please open an issue or submit a pull request. Make sure to follow the contribution guidelines mentioned in the repository.

Unique and Random Pixel Profile Picture for Anonymous User

Rizmy Abdulla 🎖️ — Wed, 12 Jul 2023 11:01:14 +0000

Live Preview

Live preview available on : https://rizmyabdulla.github.io/Anonymous-dp/

Anonymous-dp Intergration via CDN

import javascript code via : https://cdn.jsdelivr.net/gh/RizmyAbdulla/Anonymous-dp@main/index.js

<script src="https://cdn.jsdelivr.net/gh/RizmyAbdulla/Anonymous-dp@main/index.js"></script>

Using Anonymous-dp in HTML webpage

create canvas element with id profile-picture with width 200 and height 200

<canvas id="profile-picture" width="200" height="200"></canvas>

you can save profile image by a creating a button Element with id save-dp

<button id="download-dp">Download dp</button>

if you want to generate DP with a button Element,use id generate-dp.

<button id="generate-dp">Generate dp</button>

if you want to submit this Profile picture in form, use class name submit-dp to a input button type Element.

<form action="post">
   <input type="button" class="submit-dp" value="Submit" />
</form>

The Mobgames.AI

Rizmy Abdulla 🎖️ — Fri, 16 Jun 2023 06:38:18 +0000

Introducing mobgames.ai, an innovative AI-powered game development tool for Unity and Unreal Engine. Discover the capabilities of this exciting tool by watching this informative video:

Source : mobgames.ai

What are your thoughts on this tool? Do you believe it will positively or Negatively impact the game development profession?

Completely Free Meeting Api --> step by step implemetation

Rizmy Abdulla 🎖️ — Sat, 28 Jan 2023 05:59:42 +0000

If you're looking for a completely free meeting API for your web application, Jitsi Meet is an excellent option. This open-source platform allows you to easily add video conferencing capabilities to your web app with just a few lines of code. Here's a step-by-step guide on how to implement Jitsi Meet in your web application.

Step 1: Create a Jitsi Meet instance

The first step is to create a Jitsi Meet instance, which is essentially a virtual room where users can join and participate in a video conference. You can do this by visiting the Jitsi Meet website and selecting "Create a new conference." Once you've created your instance, you'll be given a unique URL that you can use to access the virtual room.

Step 2: Embed the Jitsi Meet API

Next, you'll need to embed the Jitsi Meet API in your web application. To do this, you'll need to include the Jitsi Meet JavaScript library in your HTML file. You can do this by adding the following code to the head of your HTML file:

<script src='https://meet.jit.si/external_api.js'></script>

Step 3: Create a container for the Jitsi Meet video

Once the Jitsi Meet API is embedded in your web application, you'll need to create a container where the video will be displayed. This can be done by adding a div element with an id to your HTML file. For example:

<div id='jitsi-container'></div>

Step 4: Initialize the Jitsi Meet API

Now that you have a container for the Jitsi Meet video, you can initialize the API by adding the following JavaScript code to your application:

var domain = 'meet.jit.si';
var options = {
roomName: 'Your-Unique-Room-Name',
width: '100%',
height: '100%',
parentNode: document.querySelector('#jitsi-container')
};
var api = new JitsiMeetExternalAPI(domain, options);

Step 5: Customize the Jitsi Meet instance

Finally, you can customize the Jitsi Meet instance by adding additional options to the options object. For example, you can enable or disable certain features such as microphone or camera, change the layout of the video conference, and more.

That's it! With just a few lines of code, you've successfully implemented Jitsi Meet in your web application. Your users can now join a video conference by visiting the unique URL that you created in step 1. And you didn't pay a dime for it!

Thanks!!

20 Useful lines of code that can be used for C# scripting in Unity | pt:2

Rizmy Abdulla 🎖️ — Sun, 11 Dec 2022 10:25:21 +0000

20 Useful lines of code that can be used for C# scripting in Unity | pt:1

Rizmy Abdulla 🎖️ ・ Dec 10 '22

#api

1.To instantiate an object at a specific position and rotation:

GameObject object = Instantiate(prefab, position, rotation);

2.To access the components of a GameObject:

Rigidbody rb = gameObject.GetComponent<Rigidbody>();

3.To move a Rigidbody in the direction it is facing:

rb.velocity = transform.forward * speed;

4.To rotate a Rigidbody towards a target position:

Vector3 direction = target.position - transform.position;
rb.rotation = Quaternion.LookRotation(direction);

5.To apply a force to a Rigidbody in a specific direction:

rb.AddForce(direction * force);

6.To set the position of a Transform:

transform.position = new Vector3(x, y, z);

7.To set the rotation of a Transform:

transform.rotation = Quaternion.Euler(x, y, z);

8.To set the scale of a Transform:

transform.localScale = new Vector3(x, y, z);

9.To find an object in the scene by name:

GameObject object = GameObject.Find("ObjectName");

10.To find an object in the scene by type:

GameObject object = GameObject.FindObjectOfType<Rigidbody>();

11.To destroy a GameObject:

Destroy(gameObject);

12.To destroy a GameObject after a delay:

Destroy(gameObject, delay);

13.To set the value of a public variable in another script:

otherScript.variableName = value;

14.To invoke a method in another script:

otherScript.MethodName();

15.To check if a key or button is pressed:

if (Input.GetKeyDown(KeyCode.Space))
{
    // Perform action
}

16.To get the current frame rate

float frameRate = 1 / Time.deltaTime;

17.To load a scene by name:

SceneManager.LoadScene("SceneName");

18.To add a new entry to a Dictionary:

Dictionary<string, int> dict = new Dictionary<string, int>();
dict.Add("Key", value);

19.To check if an object is in a List:

List<GameObject> list = new List<GameObject>();
if (list.Contains(object))
{
    // Object is in the list
}

20.To sort a List by a property of the objects in the list:

list.Sort((a, b) => a.name.CompareTo(b.name));

Thanks For reading...

20 Useful lines of code that can be used for C# scripting in Unity | pt:1

Rizmy Abdulla 🎖️ — Sat, 10 Dec 2022 10:05:56 +0000

Here are 20 useful lines of code for C# scripting in Unity:

1.transform.position - This line of code allows you to access and modify the position of a game object in the scene.

2.Instantiate(gameObject) - This line of code allows you to instantiate (create) a new instance of a game object at runtime.

3.Destroy(gameObject) - This line of code allows you to destroy a game object from the scene.

4.GetComponent<T>() - This line of code allows you to access a component of a specific type (T) attached to a game object.

5.Input.GetKeyDown(KeyCode.Key) - This line of code allows you to check if a specific keyboard key (Key) has been pressed down.

6.Random.Range(min, max) - This line of code generates a random number between the minimum (min) and maximum (max) values specified.

7.Time.deltaTime - This line of code returns the time in seconds since the last frame was rendered.

8.Mathf.Clamp(value, min, max) - This line of code clamps (restricts) a value (value) to be between the minimum (min) and maximum (max) values specified.

9.Vector3.Lerp(a, b, t) - This line of code performs a linear interpolation (lerp) between two 3D vectors (a and b) by a factor (t).

10.Quaternion.Euler(x, y, z) - This line of code creates a new quaternion representing a rotation around the x, y, and z axes.

11.rigidbody.velocity - This line of code allows you to access and modify the velocity of a rigidbody attached to a game object.

12.collider.isTrigger - This line of code allows you to enable or disable the trigger behavior of a collider attached to a game object.

13.AudioSource.PlayOneShot(clip) - This line of code plays a one-time audio clip (clip) using an AudioSource attached to a game object.

14.Application.LoadLevel(name) - This line of code allows you to load a new level (name) from the build settings.

15.Screen.width and Screen.height - These lines of code allow you to access the current width and height of the game screen.

16.GUILayout.Label(text) - This line of code displays a text label (text) using the GUILayout system.

17.PlayerPrefs.SetInt(key, value) - This line of code allows you to save an integer value (value) using a key (key) in the PlayerPrefs storage.

18.Physics.Raycast(origin, direction) - This line of code performs a raycast in the specified direction (direction) from the origin (origin) and returns the first hit.

19.Debug.Log(message) - This line of code outputs a message (message) to the console for debugging purposes.

20.coroutine = StartCoroutine(method) - This line of code starts a new coroutine (method) and stores the reference in a variable (coroutine) for later use.

Thanks for reading...

20 Useful lines of code that can be used for C# scripting in Unity | pt:2

Rizmy Abdulla 🎖️ ・ Dec 11 '22

#welcome #beginners #python #learning

i'm going to create a space game tutorial

Rizmy Abdulla 🎖️ — Tue, 01 Nov 2022 15:06:48 +0000

Hi Guyz, i'm going to create a Space game tutorial with Unity and C#.Do you guyz have any ideas about this,let's discuss in comment Section.😋😋

Join my Discord Server :- https://discord.gg/AaC5ercd

Useful Minor Python Projects. Easy to Understand :)

Rizmy Abdulla 🎖️ — Sat, 29 Oct 2022 15:48:31 +0000

1.Auto Capture Screenshot And save

import pyautogui
import time

i = 1
n = 1
while i < 10000:
    #this Pics Will Save Your Desktop
    pg = pyautogui.screenshot('screenshot{}.png'.format(n))
    i=i+1
    n=n+1
    time.sleep(10)

import pyautogui this program needs pyautogui package, you can easily install this Package by pip install pyautogui running this command on Your CMD.
pg = pyautogui.screenshot() in this line assigning pyautogui.screenshot() function to pg variable.

2.Send Mail Using Python (smtplib)

import smtplib

server = smtplib.SMTP_SSL('smtp.gmail.com', 465)
server.login("your username", "your password")
server.sendmail(
  "from@address.com", 
  "to@address.com", 
  "this message is from python")
server.quit()

import smtplib this program needs smtplib package, you can easily install this Package by pip install smtplib running this command on Your CMD.

smtplib.SMTPAuthenticationError: Please log in via your web browser and then try again. Learn more at https://support.google.com/mail/answer/78754

-if You Got this error, there is nothing wrong with the code.You can fix this issue by navigating google less secure app access and allowing less secure apps.

More Projects Updating Soon

7 Best VS Code Shortcuts You Should Use

Rizmy Abdulla 🎖️ — Sat, 29 Oct 2022 11:53:38 +0000

1.Select text word by word.

Mac : cmd+shift+Left/Right Arrow

Windows : Ctrl + Shift + Left/Right Arrow

2.Add multiple cursors.

Mac : opt+cmd+up or opt+cmd+down

Windows : Ctrl+Alt+Up/Down arrow

3.Copy line up / down.

Mac : opt+shift+up or opt+shift+down

Windows : shift+alt+down or shift+alt+up

4.Open markdown preview.

Mac : shift+cmd+v

Windows : ctrl+shift+v

5.Side by side Markdown edit and preview.

Mac : cmd+k v

Windows : ctrl+k v

6.Comment lines.

Windows: Ctrl+K Ctrl+C

Mac: Cmd+K Cmd+C

Remove Commenting

Windows: Ctrl+K Ctrl+U

Mac: cmd+K cmd+U

7.open code with current directory.

Type code . On cmd

DEV Community: Rizmy Abdulla 🎖️

tinypdf - A tiny PDF library in Dart (<600 LOC, zero deps, real PDFs!)

⁂ How it handles PDFs

⁂ Text, alignment & colors

⁂ JPEG image support

⁂ Markdown → PDF

⁂ Where a tiny PDF library fits well

Check Out My First Node.js Package: Json Flex DB!

What's the Deal with Json Flex DB?

What's Under the Hood?

Anonymous-DP V2 : Unique and Random Pixel Profile Picture for Anonymous User

Anonymous-dp V2

Anonymous-dp updated !!!

Many new features are unlocked in this version.

features

docs

Live Preview

Home Page

Mode-1

Mode-2

Mode-3

Anonymous-dp Intergration

Via CDN

you can intergrate Anonymous-dp from CDN (jsdeliver)

Via Locally

you can intergrate Anonymous-dp by Downloading js files

Using Anonymous-dp in HTML webpage

Supported Classes For Canvas

Elements

Showing First & Last Name in a Element

Canvas

Modes

Font-size

Complementary color

Creating Functional Elements

Save button

Regenerate Button

Name Editor Inputs

Color Picker Button

Developer Note

If you find this project useful or interesting, please consider giving it a star on GitHub by clicking the Star button at the top. Your support is greatly appreciated! ❤

Contributions are welcome! If you find any bugs or want to improve the project, please open an issue or submit a pull request. Make sure to follow the contribution guidelines mentioned in the repository.

Unique and Random Pixel Profile Picture for Anonymous User

Live Preview

Anonymous-dp Intergration via CDN

Using Anonymous-dp in HTML webpage

The Mobgames.AI

Completely Free Meeting Api --> step by step implemetation

20 Useful lines of code that can be used for C# scripting in Unity | pt:2

20 Useful lines of code that can be used for C# scripting in Unity | pt:1

Rizmy Abdulla 🎖️ ・ Dec 10 '22

20 Useful lines of code that can be used for C# scripting in Unity | pt:1

20 Useful lines of code that can be used for C# scripting in Unity | pt:2

Rizmy Abdulla 🎖️ ・ Dec 11 '22

i'm going to create a space game tutorial

Useful Minor Python Projects. Easy to Understand :)

1.Auto Capture Screenshot And save

2.Send Mail Using Python (smtplib)

7 Best VS Code Shortcuts You Should Use